@charset "utf-8"; /* CSS Document */ ::-webkit-scrollbar{ display:none;} body{margin:auto;padding:0px;font-size:14px;-webkit-text-size-adjust: none; overflow-y: scroll; color: #fff; background: #000; font-family:"Microsoft Yahei","微软雅黑",arial;} ::-webkit-scrollbar {/* 1 */width:9px; background-color:#333;} ::-webkit-scrollbar-button {/* 2 */} ::-webkit-scrollbar-track {/* 3 */} ::-webkit-scrollbar-track-piece {/* 4 */} ::-webkit-scrollbar-thumb {/* 5 */border:solid 2px #333; width:5px; border-radius:4px; background-color:#fff;} ::-webkit-scrollbar-corner {/* 6 */background-color:#333;} ::-webkit-resizer {/* 7 */} ::-webkit-scrollbar:horizontal {height:9px;} a { text-decoration:none; outline-style:none; -webkit-transition: all .6s;transition: all .6s; color: #666;} a:hover{ text-decoration: none;} ul,p{ padding:0px; margin:0px; list-style:none;} img { border:none; max-width:100%;} .fl { float:left; } .fr { float:right; } dt,dl,dd{ margin:0; padding:0;} textarea{resize:none; padding:0;} input{ padding:0; outline: none;} i{ margin: 0px; padding: 0px; font-style: normal;} .all { width:100%; height:auto; margin:auto; position:relative; z-index:1;} .w1200{ width:1200px; margin:auto;} .wf100{ width: 100%; float: left;} .w90{ width: 90%; margin: auto;} .fp-tableCell{ display: table-cell; vertical-align: middle; width: 100%; height: 100%;} .luxy-el{} /*banner overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; transparent*/ .banner_video{ width:100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1;} .banner_video em{ width:100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background: rgba(0,0,0,0.35);} .banner_video video{position: absolute;top: 0;min-width: 100%;width: 100% !important;height: auto !important;object-fit: cover;object-position: center;} .banner_box{ width:100% !important; float: left; position: relative; overflow: hidden; display: table; height: 629px; background: #000;} .banner_box .bd{ width: 50%; float: right; height: 730px; display: table; text-align: center;} .banner_box .bd ul li img{ max-height: 100%;} .banner_box .bd ul li{ width:100%; height: 730px; float: left; background-size: cover; background-position: center; text-align: center; display: table;} .banner_box .bd ul li a{ width: 100%; height: 100%; float: left;} .banner_box .hd{ width: 100%; position: absolute; padding-top: 15px; left: 0; bottom: 0; z-index: 13; text-align: center; background: #fff;} .banner_box .hd ul li{ display: inline-block; width:10px; height: 10px; border-radius: 100%; background: #d2d2d2; border:1px solid #d2d2d2; text-indent: -9999px; cursor: pointer; margin: 0 5px;} .banner_box .hd ul li.on{ background: #fff; border: 1px solid #d83638;} .banner_box .prev,.banner_box .next{ width:60px; height: 60px; line-height: 65px; background: rgba(0,0,0,0.4); position: absolute; left: 0; top: 50%; margin-top: -80px; z-index: 12; text-align: center; color: #fff; font-size: 26px; cursor: pointer; opacity: 0; -webkit-transition: all .6s;transition: all .6s; overflow: hidden;} .banner_box .next{ left:auto; right: 0;} .banner_box:hover .prev,.banner_box:hover .next{ opacity: 1;} .banner_box .prev:hover,.banner_box .next:hover{ background: rgba(0,0,0,0.6);} .slideBox2{ position:relative; overflow:hidden; margin:0 auto; /* 设置焦点图最大宽度 */ width:100%; float: left; padding-bottom: 40px;} .slideBox2 .hd{height:auto; overflow:hidden; position:absolute; left:50%; bottom:0; z-index:1;} .slideBox2 .hd ul{ float:right;} .slideBox2 .hd li{ display:inline-block; width:10px; height:10px; float:left; border-radius: 100%; background:#fff; border: 1px solid #000; text-indent:-9999px; overflow:hidden; margin:3px 10px 0 0; cursor: pointer;} .slideBox2 .hd li.on{ width:16px; height: 16px; background:#595959; border: 3px solid #d4d4d4; margin-top: 0;} .slideBox2 .bd{ position:relative; z-index:0;} .slideBox2 .bd li .txt{position:absolute; left:0; top:0; z-index:999; font-size:30px;} .slideBox2 .bd li{ position:relative; text-align:center; } .slideBox2 .bd li img{ vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */} .slideBox2 .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); } /* 去掉链接触摸高亮 */ .slideBox2 .bd li .tit{ display:block; width:100%; position:absolute; bottom:50%; height:28px; line-height:24px; color:#fff; text-align:left; font-size:14px; } .slideBox2 .bd li .tit i{color:#fff; font-weight:bold;font-size:16px; margin-bottom:5px; line-height:30px;} #stars1 { width: 1px; height: 1px; background: transparent; box-shadow: 1407px 511px #FFF , 1611px 119px #FFF , 1686px 956px #FFF , 1163px 1929px #FFF , 912px 1242px #FFF , 490px 469px #FFF , 869px 425px #FFF , 1447px 891px #FFF , 422px 1960px #FFF , 517px 1995px #FFF , 738px 171px #FFF , 1328px 1668px #FFF , 874px 1490px #FFF , 83px 81px #FFF , 632px 98px #FFF , 1518px 1764px #FFF , 636px 596px #FFF , 1178px 131px #FFF , 278px 1179px #FFF , 1898px 1951px #FFF , 1787px 326px #FFF , 186px 1588px #FFF , 552px 1942px #FFF , 1929px 1300px #FFF , 802px 681px #FFF , 430px 1711px #FFF , 1192px 308px #FFF , 123px 1604px #FFF , 880px 169px #FFF , 1400px 632px #FFF , 500px 1165px #FFF , 288px 1208px #FFF , 319px 1419px #FFF , 1170px 980px #FFF , 1608px 784px #FFF , 1735px 1276px #FFF , 966px 1534px #FFF , 654px 783px #FFF , 1366px 964px #FFF , 1213px 60px #FFF , 302px 1509px #FFF , 845px 714px #FFF , 524px 323px #FFF , 1538px 1399px #FFF , 394px 619px #FFF , 680px 26px #FFF , 353px 776px #FFF , 1826px 1450px #FFF , 1909px 1452px #FFF , 1014px 1315px #FFF , 1883px 1474px #FFF , 766px 1742px #FFF , 1693px 658px #FFF , 1186px 302px #FFF , 376px 1575px #FFF , 712px 1739px #FFF , 1627px 299px #FFF , 482px 224px #FFF , 1379px 510px #FFF , 1543px 1602px #FFF , 45px 606px #FFF , 827px 1336px #FFF , 224px 1939px #FFF , 1098px 1342px #FFF , 813px 1553px #FFF , 825px 419px #FFF , 519px 894px #FFF , 1406px 797px #FFF , 1341px 274px #FFF , 1787px 903px #FFF , 1701px 1483px #FFF , 1108px 232px #FFF , 1599px 1409px #FFF , 659px 870px #FFF , 1538px 335px #FFF , 632px 1855px #FFF , 154px 1026px #FFF , 1722px 979px #FFF , 1339px 509px #FFF , 1833px 460px #FFF , 315px 65px #FFF , 496px 1927px #FFF , 1314px 427px #FFF , 344px 1046px #FFF , 1658px 724px #FFF , 1899px 264px #FFF , 1200px 1305px #FFF , 1562px 339px #FFF , 159px 766px #FFF , 1639px 1966px #FFF , 459px 1898px #FFF , 944px 763px #FFF , 1174px 1056px #FFF , 1825px 790px #FFF , 906px 1526px #FFF , 1537px 1303px #FFF , 79px 1105px #FFF , 1318px 672px #FFF , 1232px 61px #FFF , 709px 1078px #FFF , 1010px 1810px #FFF , 777px 1160px #FFF , 1598px 1428px #FFF , 815px 684px #FFF , 1003px 943px #FFF , 1876px 1003px #FFF , 1025px 1529px #FFF , 66px 549px #FFF , 514px 457px #FFF , 262px 1005px #FFF , 812px 1705px #FFF , 1163px 1087px #FFF , 165px 45px #FFF , 677px 1462px #FFF , 580px 1675px #FFF , 1848px 1384px #FFF , 449px 862px #FFF , 1629px 1979px #FFF , 667px 135px #FFF , 240px 53px #FFF , 1919px 1832px #FFF , 696px 1384px #FFF , 1630px 361px #FFF , 878px 663px #FFF , 1226px 1723px #FFF , 765px 686px #FFF , 576px 1647px #FFF , 97px 1602px #FFF , 1117px 1049px #FFF , 1433px 68px #FFF , 1375px 1991px #FFF , 1755px 990px #FFF , 1483px 801px #FFF , 473px 1802px #FFF , 822px 768px #FFF , 196px 577px #FFF , 516px 504px #FFF , 623px 981px #FFF , 1478px 819px #FFF , 126px 384px #FFF , 584px 1908px #FFF , 1549px 521px #FFF , 1866px 1335px #FFF , 586px 342px #FFF , 1698px 642px #FFF , 136px 188px #FFF , 1613px 520px #FFF , 937px 326px #FFF , 1111px 169px #FFF , 229px 229px #FFF , 1357px 20px #FFF , 725px 1305px #FFF , 23px 1977px #FFF , 426px 1945px #FFF , 1628px 1530px #FFF , 256px 1295px #FFF , 58px 78px #FFF , 409px 1145px #FFF , 1607px 767px #FFF , 212px 144px #FFF , 361px 1890px #FFF , 1827px 1451px #FFF , 1875px 645px #FFF , 571px 853px #FFF , 1302px 301px #FFF , 9px 1344px #FFF , 418px 619px #FFF , 1941px 90px #FFF , 949px 640px #FFF , 179px 1783px #FFF , 1104px 360px #FFF , 1723px 370px #FFF , 1122px 1418px #FFF , 1374px 508px #FFF , 1108px 1089px #FFF , 1440px 1743px #FFF , 462px 1495px #FFF , 1187px 265px #FFF , 567px 74px #FFF , 557px 542px #FFF , 967px 673px #FFF , 825px 1971px #FFF , 988px 1260px #FFF , 710px 1206px #FFF , 538px 1805px #FFF , 137px 861px #FFF , 1922px 1313px #FFF , 481px 470px #FFF , 1224px 316px #FFF , 1979px 239px #FFF , 22px 1155px #FFF , 1640px 186px #FFF , 592px 1709px #FFF , 765px 170px #FFF , 129px 1750px #FFF , 788px 719px #FFF , 181px 1327px #FFF , 433px 1455px #FFF , 141px 450px #FFF , 1287px 1027px #FFF , 1278px 1462px #FFF , 688px 1526px #FFF , 463px 1604px #FFF , 1232px 297px #FFF , 920px 1227px #FFF , 1571px 1765px #FFF , 1482px 1316px #FFF , 759px 1463px #FFF , 950px 1166px #FFF , 1532px 1588px #FFF , 608px 267px #FFF , 1862px 1943px #FFF , 805px 717px #FFF , 1803px 1319px #FFF , 1821px 683px #FFF , 995px 1958px #FFF , 484px 932px #FFF , 366px 901px #FFF , 451px 1563px #FFF , 1704px 1471px #FFF , 1379px 44px #FFF , 1778px 472px #FFF , 419px 1806px #FFF , 1545px 222px #FFF , 1563px 777px #FFF , 39px 964px #FFF , 1620px 24px #FFF , 1151px 320px #FFF , 1940px 1426px #FFF , 1555px 1538px #FFF , 1747px 488px #FFF , 1348px 300px #FFF , 990px 538px #FFF , 780px 361px #FFF , 988px 971px #FFF , 1973px 1534px #FFF , 1542px 1829px #FFF , 1557px 216px #FFF , 1404px 641px #FFF , 47px 877px #FFF , 65px 1738px #FFF , 1895px 1798px #FFF , 56px 591px #FFF , 536px 906px #FFF , 568px 74px #FFF , 433px 462px #FFF , 727px 295px #FFF , 876px 1878px #FFF , 1891px 1946px #FFF , 1451px 493px #FFF , 1569px 226px #FFF , 879px 1351px #FFF , 1529px 43px #FFF , 33px 74px #FFF , 1516px 1924px #FFF , 878px 323px #FFF , 455px 1122px #FFF , 1943px 526px #FFF , 1456px 1060px #FFF , 1631px 979px #FFF , 1819px 1324px #FFF , 1660px 1192px #FFF , 1867px 1714px #FFF , 1928px 1940px #FFF , 1618px 744px #FFF , 979px 357px #FFF , 98px 1645px #FFF , 1898px 1207px #FFF , 1134px 16px #FFF , 1313px 1018px #FFF , 717px 812px #FFF , 1503px 234px #FFF , 1612px 188px #FFF , 29px 459px #FFF , 414px 1487px #FFF , 1223px 1730px #FFF , 1643px 1188px #FFF , 424px 767px #FFF , 1692px 1591px #FFF , 1265px 367px #FFF , 54px 832px #FFF , 410px 804px #FFF , 1397px 1242px #FFF , 549px 1484px #FFF , 721px 1088px #FFF , 472px 1240px #FFF , 1927px 514px #FFF , 1303px 1310px #FFF , 71px 1276px #FFF , 829px 1332px #FFF , 84px 1920px #FFF , 1088px 375px #FFF , 1659px 736px #FFF , 967px 294px #FFF , 651px 92px #FFF , 1572px 143px #FFF , 1680px 770px #FFF , 1873px 1289px #FFF , 1983px 821px #FFF , 448px 1090px #FFF , 890px 1332px #FFF , 836px 867px #FFF , 1867px 1213px #FFF , 1874px 1574px #FFF , 750px 1063px #FFF , 1297px 1971px #FFF , 1274px 1015px #FFF , 1628px 933px #FFF , 309px 1386px #FFF , 299px 1621px #FFF , 1973px 526px #FFF , 196px 1416px #FFF , 778px 715px #FFF , 1993px 1294px #FFF , 381px 435px #FFF , 1405px 681px #FFF , 1759px 1077px #FFF , 1764px 1748px #FFF , 168px 470px #FFF , 978px 781px #FFF , 110px 1666px #FFF , 835px 747px #FFF , 112px 95px #FFF , 604px 712px #FFF , 1121px 1752px #FFF , 393px 1782px #FFF , 1869px 830px #FFF , 1303px 348px #FFF , 427px 1546px #FFF , 761px 718px #FFF , 946px 674px #FFF , 832px 964px #FFF , 1607px 2000px #FFF , 1624px 1296px #FFF , 1093px 735px #FFF , 1865px 608px #FFF , 933px 1278px #FFF , 1402px 547px #FFF , 1865px 1211px #FFF , 109px 72px #FFF , 249px 1482px #FFF , 586px 1933px #FFF , 911px 1336px #FFF , 697px 853px #FFF , 987px 1797px #FFF , 1371px 933px #FFF , 492px 1896px #FFF , 998px 1866px #FFF , 518px 31px #FFF , 1873px 372px #FFF , 1025px 1308px #FFF , 1478px 965px #FFF , 1934px 934px #FFF , 1048px 1262px #FFF , 1839px 40px #FFF , 1399px 732px #FFF , 735px 416px #FFF , 621px 394px #FFF , 788px 1802px #FFF , 1918px 307px #FFF , 432px 1845px #FFF , 616px 481px #FFF , 921px 798px #FFF , 354px 597px #FFF , 1622px 214px #FFF , 1349px 1983px #FFF , 1033px 1622px #FFF , 1198px 407px #FFF , 1239px 1449px #FFF , 1278px 1978px #FFF , 426px 1264px #FFF , 507px 1341px #FFF , 1956px 818px #FFF , 1041px 277px #FFF , 1371px 639px #FFF , 1224px 419px #FFF , 211px 1106px #FFF , 847px 656px #FFF , 534px 1891px #FFF , 1289px 823px #FFF , 906px 482px #FFF , 347px 1837px #FFF , 1246px 1462px #FFF , 915px 1858px #FFF , 559px 1320px #FFF , 77px 1555px #FFF , 845px 1743px #FFF , 313px 1414px #FFF , 188px 252px #FFF , 509px 637px #FFF , 374px 142px #FFF , 1397px 474px #FFF , 458px 1197px #FFF , 292px 619px #FFF , 1749px 14px #FFF , 1638px 24px #FFF , 563px 1752px #FFF , 1940px 1065px #FFF , 1145px 1030px #FFF , 894px 1470px #FFF , 444px 32px #FFF , 1341px 1136px #FFF , 1941px 412px #FFF , 1328px 785px #FFF , 161px 1740px #FFF , 948px 829px #FFF , 933px 823px #FFF , 1709px 507px #FFF , 1366px 1821px #FFF , 720px 731px #FFF , 162px 682px #FFF , 1684px 882px #FFF , 134px 497px #FFF , 1659px 1701px #FFF , 1186px 446px #FFF , 911px 1435px #FFF , 1814px 1028px #FFF , 1234px 1520px #FFF , 1186px 23px #FFF , 318px 87px #FFF , 1179px 837px #FFF , 1071px 46px #FFF , 1125px 1862px #FFF , 94px 261px #FFF , 1574px 282px #FFF , 1039px 815px #FFF , 1776px 1472px #FFF , 867px 473px #FFF , 901px 215px #FFF , 862px 630px #FFF , 1480px 1673px #FFF , 411px 1896px #FFF , 1335px 944px #FFF , 148px 1235px #FFF , 57px 140px #FFF , 447px 651px #FFF , 1414px 1651px #FFF , 209px 1770px #FFF , 1800px 1590px #FFF , 1304px 1px #FFF , 279px 771px #FFF , 1770px 1398px #FFF , 724px 1201px #FFF , 245px 1145px #FFF , 172px 1951px #FFF , 284px 236px #FFF , 1905px 1307px #FFF , 1948px 574px #FFF , 283px 669px #FFF , 247px 384px #FFF , 224px 619px #FFF , 128px 772px #FFF , 1698px 1405px #FFF , 830px 505px #FFF , 1938px 397px #FFF , 1772px 1001px #FFF , 1454px 808px #FFF , 304px 561px #FFF , 1321px 966px #FFF , 735px 1368px #FFF , 894px 345px #FFF , 1217px 1997px #FFF , 892px 1342px #FFF , 353px 379px #FFF , 1382px 1156px #FFF , 164px 1239px #FFF , 1268px 1859px #FFF , 1385px 1721px #FFF , 16px 283px #FFF , 1819px 200px #FFF , 660px 1111px #FFF , 1679px 1728px #FFF , 463px 596px #FFF , 217px 1834px #FFF , 1879px 538px #FFF , 304px 906px #FFF , 1327px 1347px #FFF , 1226px 1579px #FFF , 1786px 1616px #FFF , 1234px 1982px #FFF , 1868px 1862px #FFF , 814px 948px #FFF , 178px 1837px #FFF , 571px 1701px #FFF , 106px 566px #FFF , 270px 925px #FFF , 1417px 248px #FFF , 609px 1551px #FFF , 992px 1825px #FFF , 1515px 1999px #FFF , 1167px 914px #FFF , 1698px 490px #FFF , 189px 1463px #FFF , 928px 612px #FFF , 1714px 803px #FFF , 535px 402px #FFF , 1000px 379px #FFF , 1610px 574px #FFF , 1882px 1155px #FFF , 1425px 1514px #FFF , 417px 1987px #FFF , 1681px 1059px #FFF , 841px 762px #FFF , 1886px 1098px #FFF , 1785px 236px #FFF , 1950px 950px #FFF , 444px 1937px #FFF , 1364px 540px #FFF , 1971px 225px #FFF , 1624px 868px #FFF , 869px 640px #FFF , 1637px 559px #FFF , 20px 823px #FFF , 409px 177px #FFF , 1804px 1626px #FFF , 388px 527px #FFF , 1385px 1734px #FFF , 988px 1310px #FFF , 443px 599px #FFF , 1780px 434px #FFF , 654px 419px #FFF , 268px 1424px #FFF , 1971px 40px #FFF , 360px 1834px #FFF , 875px 1930px #FFF , 1866px 1885px #FFF , 453px 1670px #FFF , 1696px 1337px #FFF , 604px 1887px #FFF , 1405px 769px #FFF , 1546px 897px #FFF , 595px 1975px #FFF , 32px 1765px #FFF , 896px 1150px #FFF , 1818px 95px #FFF , 444px 49px #FFF , 589px 1796px #FFF , 764px 1965px #FFF , 920px 1803px #FFF , 403px 1997px #FFF , 833px 1282px #FFF , 1127px 1770px #FFF , 1810px 77px #FFF , 1214px 1102px #FFF , 364px 401px #FFF , 1139px 1191px #FFF , 916px 1907px #FFF , 870px 290px #FFF , 688px 678px #FFF , 1523px 34px #FFF , 1265px 1082px #FFF , 1394px 1080px #FFF , 1787px 1738px #FFF , 1682px 755px #FFF , 1955px 832px #FFF , 546px 1577px #FFF , 1062px 1561px #FFF , 344px 826px #FFF , 1442px 782px #FFF , 467px 1477px #FFF , 879px 1439px #FFF , 1672px 268px #FFF , 1317px 1355px #FFF , 1980px 1965px #FFF , 688px 1465px #FFF , 1131px 872px #FFF , 1301px 1656px #FFF , 974px 583px #FFF , 1613px 1467px #FFF , 1976px 1995px #FFF , 1377px 760px #FFF , 1367px 387px #FFF , 1880px 191px #FFF , 711px 876px #FFF , 539px 152px #FFF , 545px 1809px #FFF , 920px 970px #FFF , 1154px 1355px #FFF , 1968px 94px #FFF , 1703px 490px #FFF , 380px 146px #FFF , 1561px 785px #FFF , 1930px 1385px #FFF , 519px 1091px #FFF , 269px 570px #FFF , 109px 1326px #FFF , 1476px 969px #FFF , 1999px 1885px #FFF , 341px 1238px #FFF , 1105px 1076px #FFF , 596px 88px #FFF , 937px 492px #FFF , 1339px 1673px #FFF , 1967px 762px #FFF , 65px 952px #FFF , 111px 93px #FFF , 1011px 1684px #FFF , 377px 1430px #FFF , 1011px 386px #FFF , 1162px 421px #FFF , 196px 617px #FFF , 1407px 1141px #FFF , 1562px 572px #FFF , 316px 690px #FFF , 1600px 1980px #FFF , 1545px 1254px #FFF , 680px 1120px #FFF , 575px 1284px #FFF , 179px 1470px #FFF , 1496px 1506px #FFF , 977px 1376px #FFF , 1282px 708px #FFF , 408px 1427px #FFF , 1173px 1597px #FFF , 1120px 1755px #FFF , 974px 520px #FFF , 979px 384px #FFF , 622px 1116px #FFF , 1307px 866px #FFF , 1188px 1596px #FFF , 858px 1947px #FFF , 861px 1373px #FFF , 857px 43px #FFF , 1878px 499px #FFF , 1297px 535px #FFF , 870px 1286px #FFF , 1452px 448px #FFF , 906px 72px #FFF , 1450px 872px #FFF , 1607px 1755px #FFF , 1071px 1959px #FFF , 976px 879px #FFF , 1435px 284px #FFF , 1601px 496px #FFF , 671px 1713px #FFF , 356px 1148px #FFF , 837px 867px #FFF , 246px 858px #FFF , 1031px 1594px #FFF , 571px 214px #FFF , 1012px 1329px #FFF , 1566px 1142px #FFF , 219px 1376px #FFF , 1580px 1454px #FFF , 690px 1037px #FFF , 1940px 756px #FFF , 1755px 850px #FFF , 1037px 363px #FFF , 25px 515px #FFF , 806px 1571px #FFF , 1266px 1398px #FFF , 695px 791px #FFF , 1838px 950px #FFF , 1578px 27px #FFF , 1692px 1581px #FFF , 1817px 1040px #FFF , 1781px 238px #FFF , 1052px 895px #FFF , 398px 440px #FFF , 1643px 325px #FFF , 79px 848px #FFF , 1295px 326px #FFF , 293px 81px #FFF , 1202px 1580px #FFF , 1441px 100px #FFF , 1295px 1465px #FFF , 1132px 1275px #FFF , 774px 704px #FFF , 1109px 1546px #FFF , 557px 1390px #FFF , 1253px 1224px #FFF , 1063px 1618px #FFF , 1793px 440px #FFF , 890px 1988px #FFF , 814px 424px #FFF , 1390px 1280px #FFF , 1127px 907px #FFF , 1044px 1368px #FFF , 1317px 876px #FFF , 762px 638px #FFF , 965px 747px #FFF , 755px 1945px #FFF , 706px 414px #FFF , 1842px 1673px #FFF , 1158px 1336px #FFF , 989px 1955px #FFF , 1857px 89px #FFF , 1659px 343px #FFF , 509px 1385px #FFF , 1620px 758px #FFF , 1958px 1064px #FFF , 178px 341px #FFF , 1500px 808px #FFF , 20px 1646px #FFF , 1572px 870px #FFF , 1821px 1377px #FFF , 328px 1965px #FFF , 903px 616px #FFF , 1731px 1599px #FFF , 267px 856px #FFF; animation: animStar 50s linear infinite; } #stars1:after { content: " "; position: absolute; top: 2000px; width: 1px; height: 1px; background: transparent; box-shadow: 1407px 511px #FFF , 1611px 119px #FFF , 1686px 956px #FFF , 1163px 1929px #FFF , 912px 1242px #FFF , 490px 469px #FFF , 869px 425px #FFF , 1447px 891px #FFF , 422px 1960px #FFF , 517px 1995px #FFF , 738px 171px #FFF , 1328px 1668px #FFF , 874px 1490px #FFF , 83px 81px #FFF , 632px 98px #FFF , 1518px 1764px #FFF , 636px 596px #FFF , 1178px 131px #FFF , 278px 1179px #FFF , 1898px 1951px #FFF , 1787px 326px #FFF , 186px 1588px #FFF , 552px 1942px #FFF , 1929px 1300px #FFF , 802px 681px #FFF , 430px 1711px #FFF , 1192px 308px #FFF , 123px 1604px #FFF , 880px 169px #FFF , 1400px 632px #FFF , 500px 1165px #FFF , 288px 1208px #FFF , 319px 1419px #FFF , 1170px 980px #FFF , 1608px 784px #FFF , 1735px 1276px #FFF , 966px 1534px #FFF , 654px 783px #FFF , 1366px 964px #FFF , 1213px 60px #FFF , 302px 1509px #FFF , 845px 714px #FFF , 524px 323px #FFF , 1538px 1399px #FFF , 394px 619px #FFF , 680px 26px #FFF , 353px 776px #FFF , 1826px 1450px #FFF , 1909px 1452px #FFF , 1014px 1315px #FFF , 1883px 1474px #FFF , 766px 1742px #FFF , 1693px 658px #FFF , 1186px 302px #FFF , 376px 1575px #FFF , 712px 1739px #FFF , 1627px 299px #FFF , 482px 224px #FFF , 1379px 510px #FFF , 1543px 1602px #FFF , 45px 606px #FFF , 827px 1336px #FFF , 224px 1939px #FFF , 1098px 1342px #FFF , 813px 1553px #FFF , 825px 419px #FFF , 519px 894px #FFF , 1406px 797px #FFF , 1341px 274px #FFF , 1787px 903px #FFF , 1701px 1483px #FFF , 1108px 232px #FFF , 1599px 1409px #FFF , 659px 870px #FFF , 1538px 335px #FFF , 632px 1855px #FFF , 154px 1026px #FFF , 1722px 979px #FFF , 1339px 509px #FFF , 1833px 460px #FFF , 315px 65px #FFF , 496px 1927px #FFF , 1314px 427px #FFF , 344px 1046px #FFF , 1658px 724px #FFF , 1899px 264px #FFF , 1200px 1305px #FFF , 1562px 339px #FFF , 159px 766px #FFF , 1639px 1966px #FFF , 459px 1898px #FFF , 944px 763px #FFF , 1174px 1056px #FFF , 1825px 790px #FFF , 906px 1526px #FFF , 1537px 1303px #FFF , 79px 1105px #FFF , 1318px 672px #FFF , 1232px 61px #FFF , 709px 1078px #FFF , 1010px 1810px #FFF , 777px 1160px #FFF , 1598px 1428px #FFF , 815px 684px #FFF , 1003px 943px #FFF , 1876px 1003px #FFF , 1025px 1529px #FFF , 66px 549px #FFF , 514px 457px #FFF , 262px 1005px #FFF , 812px 1705px #FFF , 1163px 1087px #FFF , 165px 45px #FFF , 677px 1462px #FFF , 580px 1675px #FFF , 1848px 1384px #FFF , 449px 862px #FFF , 1629px 1979px #FFF , 667px 135px #FFF , 240px 53px #FFF , 1919px 1832px #FFF , 696px 1384px #FFF , 1630px 361px #FFF , 878px 663px #FFF , 1226px 1723px #FFF , 765px 686px #FFF , 576px 1647px #FFF , 97px 1602px #FFF , 1117px 1049px #FFF , 1433px 68px #FFF , 1375px 1991px #FFF , 1755px 990px #FFF , 1483px 801px #FFF , 473px 1802px #FFF , 822px 768px #FFF , 196px 577px #FFF , 516px 504px #FFF , 623px 981px #FFF , 1478px 819px #FFF , 126px 384px #FFF , 584px 1908px #FFF , 1549px 521px #FFF , 1866px 1335px #FFF , 586px 342px #FFF , 1698px 642px #FFF , 136px 188px #FFF , 1613px 520px #FFF , 937px 326px #FFF , 1111px 169px #FFF , 229px 229px #FFF , 1357px 20px #FFF , 725px 1305px #FFF , 23px 1977px #FFF , 426px 1945px #FFF , 1628px 1530px #FFF , 256px 1295px #FFF , 58px 78px #FFF , 409px 1145px #FFF , 1607px 767px #FFF , 212px 144px #FFF , 361px 1890px #FFF , 1827px 1451px #FFF , 1875px 645px #FFF , 571px 853px #FFF , 1302px 301px #FFF , 9px 1344px #FFF , 418px 619px #FFF , 1941px 90px #FFF , 949px 640px #FFF , 179px 1783px #FFF , 1104px 360px #FFF , 1723px 370px #FFF , 1122px 1418px #FFF , 1374px 508px #FFF , 1108px 1089px #FFF , 1440px 1743px #FFF , 462px 1495px #FFF , 1187px 265px #FFF , 567px 74px #FFF , 557px 542px #FFF , 967px 673px #FFF , 825px 1971px #FFF , 988px 1260px #FFF , 710px 1206px #FFF , 538px 1805px #FFF , 137px 861px #FFF , 1922px 1313px #FFF , 481px 470px #FFF , 1224px 316px #FFF , 1979px 239px #FFF , 22px 1155px #FFF , 1640px 186px #FFF , 592px 1709px #FFF , 765px 170px #FFF , 129px 1750px #FFF , 788px 719px #FFF , 181px 1327px #FFF , 433px 1455px #FFF , 141px 450px #FFF , 1287px 1027px #FFF , 1278px 1462px #FFF , 688px 1526px #FFF , 463px 1604px #FFF , 1232px 297px #FFF , 920px 1227px #FFF , 1571px 1765px #FFF , 1482px 1316px #FFF , 759px 1463px #FFF , 950px 1166px #FFF , 1532px 1588px #FFF , 608px 267px #FFF , 1862px 1943px #FFF , 805px 717px #FFF , 1803px 1319px #FFF , 1821px 683px #FFF , 995px 1958px #FFF , 484px 932px #FFF , 366px 901px #FFF , 451px 1563px #FFF , 1704px 1471px #FFF , 1379px 44px #FFF , 1778px 472px #FFF , 419px 1806px #FFF , 1545px 222px #FFF , 1563px 777px #FFF , 39px 964px #FFF , 1620px 24px #FFF , 1151px 320px #FFF , 1940px 1426px #FFF , 1555px 1538px #FFF , 1747px 488px #FFF , 1348px 300px #FFF , 990px 538px #FFF , 780px 361px #FFF , 988px 971px #FFF , 1973px 1534px #FFF , 1542px 1829px #FFF , 1557px 216px #FFF , 1404px 641px #FFF , 47px 877px #FFF , 65px 1738px #FFF , 1895px 1798px #FFF , 56px 591px #FFF , 536px 906px #FFF , 568px 74px #FFF , 433px 462px #FFF , 727px 295px #FFF , 876px 1878px #FFF , 1891px 1946px #FFF , 1451px 493px #FFF , 1569px 226px #FFF , 879px 1351px #FFF , 1529px 43px #FFF , 33px 74px #FFF , 1516px 1924px #FFF , 878px 323px #FFF , 455px 1122px #FFF , 1943px 526px #FFF , 1456px 1060px #FFF , 1631px 979px #FFF , 1819px 1324px #FFF , 1660px 1192px #FFF , 1867px 1714px #FFF , 1928px 1940px #FFF , 1618px 744px #FFF , 979px 357px #FFF , 98px 1645px #FFF , 1898px 1207px #FFF , 1134px 16px #FFF , 1313px 1018px #FFF , 717px 812px #FFF , 1503px 234px #FFF , 1612px 188px #FFF , 29px 459px #FFF , 414px 1487px #FFF , 1223px 1730px #FFF , 1643px 1188px #FFF , 424px 767px #FFF , 1692px 1591px #FFF , 1265px 367px #FFF , 54px 832px #FFF , 410px 804px #FFF , 1397px 1242px #FFF , 549px 1484px #FFF , 721px 1088px #FFF , 472px 1240px #FFF , 1927px 514px #FFF , 1303px 1310px #FFF , 71px 1276px #FFF , 829px 1332px #FFF , 84px 1920px #FFF , 1088px 375px #FFF , 1659px 736px #FFF , 967px 294px #FFF , 651px 92px #FFF , 1572px 143px #FFF , 1680px 770px #FFF , 1873px 1289px #FFF , 1983px 821px #FFF , 448px 1090px #FFF , 890px 1332px #FFF , 836px 867px #FFF , 1867px 1213px #FFF , 1874px 1574px #FFF , 750px 1063px #FFF , 1297px 1971px #FFF , 1274px 1015px #FFF , 1628px 933px #FFF , 309px 1386px #FFF , 299px 1621px #FFF , 1973px 526px #FFF , 196px 1416px #FFF , 778px 715px #FFF , 1993px 1294px #FFF , 381px 435px #FFF , 1405px 681px #FFF , 1759px 1077px #FFF , 1764px 1748px #FFF , 168px 470px #FFF , 978px 781px #FFF , 110px 1666px #FFF , 835px 747px #FFF , 112px 95px #FFF , 604px 712px #FFF , 1121px 1752px #FFF , 393px 1782px #FFF , 1869px 830px #FFF , 1303px 348px #FFF , 427px 1546px #FFF , 761px 718px #FFF , 946px 674px #FFF , 832px 964px #FFF , 1607px 2000px #FFF , 1624px 1296px #FFF , 1093px 735px #FFF , 1865px 608px #FFF , 933px 1278px #FFF , 1402px 547px #FFF , 1865px 1211px #FFF , 109px 72px #FFF , 249px 1482px #FFF , 586px 1933px #FFF , 911px 1336px #FFF , 697px 853px #FFF , 987px 1797px #FFF , 1371px 933px #FFF , 492px 1896px #FFF , 998px 1866px #FFF , 518px 31px #FFF , 1873px 372px #FFF , 1025px 1308px #FFF , 1478px 965px #FFF , 1934px 934px #FFF , 1048px 1262px #FFF , 1839px 40px #FFF , 1399px 732px #FFF , 735px 416px #FFF , 621px 394px #FFF , 788px 1802px #FFF , 1918px 307px #FFF , 432px 1845px #FFF , 616px 481px #FFF , 921px 798px #FFF , 354px 597px #FFF , 1622px 214px #FFF , 1349px 1983px #FFF , 1033px 1622px #FFF , 1198px 407px #FFF , 1239px 1449px #FFF , 1278px 1978px #FFF , 426px 1264px #FFF , 507px 1341px #FFF , 1956px 818px #FFF , 1041px 277px #FFF , 1371px 639px #FFF , 1224px 419px #FFF , 211px 1106px #FFF , 847px 656px #FFF , 534px 1891px #FFF , 1289px 823px #FFF , 906px 482px #FFF , 347px 1837px #FFF , 1246px 1462px #FFF , 915px 1858px #FFF , 559px 1320px #FFF , 77px 1555px #FFF , 845px 1743px #FFF , 313px 1414px #FFF , 188px 252px #FFF , 509px 637px #FFF , 374px 142px #FFF , 1397px 474px #FFF , 458px 1197px #FFF , 292px 619px #FFF , 1749px 14px #FFF , 1638px 24px #FFF , 563px 1752px #FFF , 1940px 1065px #FFF , 1145px 1030px #FFF , 894px 1470px #FFF , 444px 32px #FFF , 1341px 1136px #FFF , 1941px 412px #FFF , 1328px 785px #FFF , 161px 1740px #FFF , 948px 829px #FFF , 933px 823px #FFF , 1709px 507px #FFF , 1366px 1821px #FFF , 720px 731px #FFF , 162px 682px #FFF , 1684px 882px #FFF , 134px 497px #FFF , 1659px 1701px #FFF , 1186px 446px #FFF , 911px 1435px #FFF , 1814px 1028px #FFF , 1234px 1520px #FFF , 1186px 23px #FFF , 318px 87px #FFF , 1179px 837px #FFF , 1071px 46px #FFF , 1125px 1862px #FFF , 94px 261px #FFF , 1574px 282px #FFF , 1039px 815px #FFF , 1776px 1472px #FFF , 867px 473px #FFF , 901px 215px #FFF , 862px 630px #FFF , 1480px 1673px #FFF , 411px 1896px #FFF , 1335px 944px #FFF , 148px 1235px #FFF , 57px 140px #FFF , 447px 651px #FFF , 1414px 1651px #FFF , 209px 1770px #FFF , 1800px 1590px #FFF , 1304px 1px #FFF , 279px 771px #FFF , 1770px 1398px #FFF , 724px 1201px #FFF , 245px 1145px #FFF , 172px 1951px #FFF , 284px 236px #FFF , 1905px 1307px #FFF , 1948px 574px #FFF , 283px 669px #FFF , 247px 384px #FFF , 224px 619px #FFF , 128px 772px #FFF , 1698px 1405px #FFF , 830px 505px #FFF , 1938px 397px #FFF , 1772px 1001px #FFF , 1454px 808px #FFF , 304px 561px #FFF , 1321px 966px #FFF , 735px 1368px #FFF , 894px 345px #FFF , 1217px 1997px #FFF , 892px 1342px #FFF , 353px 379px #FFF , 1382px 1156px #FFF , 164px 1239px #FFF , 1268px 1859px #FFF , 1385px 1721px #FFF , 16px 283px #FFF , 1819px 200px #FFF , 660px 1111px #FFF , 1679px 1728px #FFF , 463px 596px #FFF , 217px 1834px #FFF , 1879px 538px #FFF , 304px 906px #FFF , 1327px 1347px #FFF , 1226px 1579px #FFF , 1786px 1616px #FFF , 1234px 1982px #FFF , 1868px 1862px #FFF , 814px 948px #FFF , 178px 1837px #FFF , 571px 1701px #FFF , 106px 566px #FFF , 270px 925px #FFF , 1417px 248px #FFF , 609px 1551px #FFF , 992px 1825px #FFF , 1515px 1999px #FFF , 1167px 914px #FFF , 1698px 490px #FFF , 189px 1463px #FFF , 928px 612px #FFF , 1714px 803px #FFF , 535px 402px #FFF , 1000px 379px #FFF , 1610px 574px #FFF , 1882px 1155px #FFF , 1425px 1514px #FFF , 417px 1987px #FFF , 1681px 1059px #FFF , 841px 762px #FFF , 1886px 1098px #FFF , 1785px 236px #FFF , 1950px 950px #FFF , 444px 1937px #FFF , 1364px 540px #FFF , 1971px 225px #FFF , 1624px 868px #FFF , 869px 640px #FFF , 1637px 559px #FFF , 20px 823px #FFF , 409px 177px #FFF , 1804px 1626px #FFF , 388px 527px #FFF , 1385px 1734px #FFF , 988px 1310px #FFF , 443px 599px #FFF , 1780px 434px #FFF , 654px 419px #FFF , 268px 1424px #FFF , 1971px 40px #FFF , 360px 1834px #FFF , 875px 1930px #FFF , 1866px 1885px #FFF , 453px 1670px #FFF , 1696px 1337px #FFF , 604px 1887px #FFF , 1405px 769px #FFF , 1546px 897px #FFF , 595px 1975px #FFF , 32px 1765px #FFF , 896px 1150px #FFF , 1818px 95px #FFF , 444px 49px #FFF , 589px 1796px #FFF , 764px 1965px #FFF , 920px 1803px #FFF , 403px 1997px #FFF , 833px 1282px #FFF , 1127px 1770px #FFF , 1810px 77px #FFF , 1214px 1102px #FFF , 364px 401px #FFF , 1139px 1191px #FFF , 916px 1907px #FFF , 870px 290px #FFF , 688px 678px #FFF , 1523px 34px #FFF , 1265px 1082px #FFF , 1394px 1080px #FFF , 1787px 1738px #FFF , 1682px 755px #FFF , 1955px 832px #FFF , 546px 1577px #FFF , 1062px 1561px #FFF , 344px 826px #FFF , 1442px 782px #FFF , 467px 1477px #FFF , 879px 1439px #FFF , 1672px 268px #FFF , 1317px 1355px #FFF , 1980px 1965px #FFF , 688px 1465px #FFF , 1131px 872px #FFF , 1301px 1656px #FFF , 974px 583px #FFF , 1613px 1467px #FFF , 1976px 1995px #FFF , 1377px 760px #FFF , 1367px 387px #FFF , 1880px 191px #FFF , 711px 876px #FFF , 539px 152px #FFF , 545px 1809px #FFF , 920px 970px #FFF , 1154px 1355px #FFF , 1968px 94px #FFF , 1703px 490px #FFF , 380px 146px #FFF , 1561px 785px #FFF , 1930px 1385px #FFF , 519px 1091px #FFF , 269px 570px #FFF , 109px 1326px #FFF , 1476px 969px #FFF , 1999px 1885px #FFF , 341px 1238px #FFF , 1105px 1076px #FFF , 596px 88px #FFF , 937px 492px #FFF , 1339px 1673px #FFF , 1967px 762px #FFF , 65px 952px #FFF , 111px 93px #FFF , 1011px 1684px #FFF , 377px 1430px #FFF , 1011px 386px #FFF , 1162px 421px #FFF , 196px 617px #FFF , 1407px 1141px #FFF , 1562px 572px #FFF , 316px 690px #FFF , 1600px 1980px #FFF , 1545px 1254px #FFF , 680px 1120px #FFF , 575px 1284px #FFF , 179px 1470px #FFF , 1496px 1506px #FFF , 977px 1376px #FFF , 1282px 708px #FFF , 408px 1427px #FFF , 1173px 1597px #FFF , 1120px 1755px #FFF , 974px 520px #FFF , 979px 384px #FFF , 622px 1116px #FFF , 1307px 866px #FFF , 1188px 1596px #FFF , 858px 1947px #FFF , 861px 1373px #FFF , 857px 43px #FFF , 1878px 499px #FFF , 1297px 535px #FFF , 870px 1286px #FFF , 1452px 448px #FFF , 906px 72px #FFF , 1450px 872px #FFF , 1607px 1755px #FFF , 1071px 1959px #FFF , 976px 879px #FFF , 1435px 284px #FFF , 1601px 496px #FFF , 671px 1713px #FFF , 356px 1148px #FFF , 837px 867px #FFF , 246px 858px #FFF , 1031px 1594px #FFF , 571px 214px #FFF , 1012px 1329px #FFF , 1566px 1142px #FFF , 219px 1376px #FFF , 1580px 1454px #FFF , 690px 1037px #FFF , 1940px 756px #FFF , 1755px 850px #FFF , 1037px 363px #FFF , 25px 515px #FFF , 806px 1571px #FFF , 1266px 1398px #FFF , 695px 791px #FFF , 1838px 950px #FFF , 1578px 27px #FFF , 1692px 1581px #FFF , 1817px 1040px #FFF , 1781px 238px #FFF , 1052px 895px #FFF , 398px 440px #FFF , 1643px 325px #FFF , 79px 848px #FFF , 1295px 326px #FFF , 293px 81px #FFF , 1202px 1580px #FFF , 1441px 100px #FFF , 1295px 1465px #FFF , 1132px 1275px #FFF , 774px 704px #FFF , 1109px 1546px #FFF , 557px 1390px #FFF , 1253px 1224px #FFF , 1063px 1618px #FFF , 1793px 440px #FFF , 890px 1988px #FFF , 814px 424px #FFF , 1390px 1280px #FFF , 1127px 907px #FFF , 1044px 1368px #FFF , 1317px 876px #FFF , 762px 638px #FFF , 965px 747px #FFF , 755px 1945px #FFF , 706px 414px #FFF , 1842px 1673px #FFF , 1158px 1336px #FFF , 989px 1955px #FFF , 1857px 89px #FFF , 1659px 343px #FFF , 509px 1385px #FFF , 1620px 758px #FFF , 1958px 1064px #FFF , 178px 341px #FFF , 1500px 808px #FFF , 20px 1646px #FFF , 1572px 870px #FFF , 1821px 1377px #FFF , 328px 1965px #FFF , 903px 616px #FFF , 1731px 1599px #FFF , 267px 856px #FFF; } #stars2 { width: 2px; height: 2px; background: transparent; box-shadow: 921px 1554px #FFF , 1944px 550px #FFF , 1696px 1632px #FFF , 16px 1899px #FFF , 1894px 130px #FFF , 77px 262px #FFF , 22px 1159px #FFF , 933px 1206px #FFF , 1660px 482px #FFF , 1067px 1154px #FFF , 468px 625px #FFF , 1408px 1687px #FFF , 153px 1200px #FFF , 887px 1966px #FFF , 1260px 514px #FFF , 1167px 1158px #FFF , 790px 553px #FFF , 1103px 758px #FFF , 226px 1028px #FFF , 1340px 1760px #FFF , 1712px 528px #FFF , 114px 1693px #FFF , 185px 572px #FFF , 1566px 1793px #FFF , 317px 1501px #FFF , 846px 530px #FFF , 1585px 1437px #FFF , 1335px 1009px #FFF , 1768px 436px #FFF , 1131px 666px #FFF , 27px 1543px #FFF , 1778px 1861px #FFF , 1496px 30px #FFF , 1359px 1226px #FFF , 416px 135px #FFF , 1675px 673px #FFF , 296px 524px #FFF , 432px 1822px #FFF , 1995px 416px #FFF , 1206px 1846px #FFF , 542px 603px #FFF , 1811px 1083px #FFF , 1125px 1900px #FFF , 4px 1410px #FFF , 665px 1674px #FFF , 982px 365px #FFF , 809px 534px #FFF , 116px 1381px #FFF , 727px 439px #FFF , 1674px 1407px #FFF , 976px 1762px #FFF , 1585px 28px #FFF , 1916px 624px #FFF , 1716px 1118px #FFF , 1022px 177px #FFF , 807px 619px #FFF , 1657px 338px #FFF , 1608px 1259px #FFF , 405px 1890px #FFF , 433px 1978px #FFF , 1457px 1495px #FFF , 175px 989px #FFF , 850px 1044px #FFF , 170px 444px #FFF , 1623px 71px #FFF , 977px 1319px #FFF , 440px 464px #FFF , 51px 1209px #FFF , 783px 1274px #FFF , 1296px 244px #FFF , 1260px 94px #FFF , 652px 905px #FFF , 805px 1307px #FFF , 947px 822px #FFF , 384px 268px #FFF , 1856px 1782px #FFF , 459px 1844px #FFF , 1679px 473px #FFF , 673px 1832px #FFF , 96px 345px #FFF , 1268px 428px #FFF , 788px 1138px #FFF , 1242px 867px #FFF , 652px 831px #FFF , 993px 1706px #FFF , 1337px 64px #FFF , 1092px 624px #FFF , 674px 1344px #FFF , 1036px 405px #FFF , 996px 1371px #FFF , 1906px 1410px #FFF , 1285px 1079px #FFF , 1756px 583px #FFF , 404px 380px #FFF , 1739px 1620px #FFF , 1253px 372px #FFF , 520px 620px #FFF , 1842px 852px #FFF , 490px 387px #FFF , 1251px 143px #FFF , 1814px 537px #FFF , 1405px 623px #FFF , 1236px 1186px #FFF , 1286px 896px #FFF , 1626px 990px #FFF , 31px 1067px #FFF , 1288px 939px #FFF , 763px 338px #FFF , 713px 1515px #FFF , 859px 1621px #FFF , 1720px 1984px #FFF , 796px 1743px #FFF , 1439px 1587px #FFF , 965px 412px #FFF , 775px 1168px #FFF , 1192px 956px #FFF , 368px 1075px #FFF , 1484px 1154px #FFF , 1784px 547px #FFF , 815px 675px #FFF , 1387px 890px #FFF , 1665px 1733px #FFF , 1948px 429px #FFF , 1665px 92px #FFF , 1806px 919px #FFF , 1712px 494px #FFF , 577px 1922px #FFF , 820px 1228px #FFF , 678px 1745px #FFF , 1421px 586px #FFF , 788px 208px #FFF , 380px 250px #FFF , 748px 977px #FFF , 1637px 337px #FFF , 851px 1514px #FFF , 1487px 1410px #FFF , 1776px 710px #FFF , 544px 453px #FFF , 1707px 1932px #FFF , 1121px 1642px #FFF , 1227px 391px #FFF , 583px 833px #FFF , 658px 278px #FFF , 345px 1388px #FFF , 1529px 1419px #FFF , 233px 1008px #FFF , 892px 943px #FFF , 1431px 1091px #FFF , 1524px 316px #FFF , 1547px 192px #FFF , 976px 36px #FFF , 1648px 1053px #FFF , 1833px 1572px #FFF , 1677px 936px #FFF , 589px 1755px #FFF , 978px 1875px #FFF , 1508px 412px #FFF , 1242px 439px #FFF , 1263px 40px #FFF , 1427px 1736px #FFF , 639px 906px #FFF , 1349px 373px #FFF , 1055px 969px #FFF , 602px 95px #FFF , 224px 1805px #FFF , 1129px 837px #FFF , 1110px 1358px #FFF , 1067px 1752px #FFF , 391px 1389px #FFF , 885px 1979px #FFF , 1188px 414px #FFF , 1931px 325px #FFF , 1853px 1918px #FFF , 636px 1313px #FFF , 1236px 1913px #FFF , 1801px 780px #FFF , 633px 529px #FFF , 1500px 33px #FFF , 1387px 1045px #FFF , 832px 1281px #FFF , 1880px 1845px #FFF , 1477px 1096px #FFF , 1457px 698px #FFF , 1658px 1049px #FFF , 1957px 1151px #FFF , 1561px 1593px #FFF , 627px 250px #FFF , 975px 1575px #FFF , 68px 998px #FFF , 951px 85px #FFF , 280px 431px #FFF , 1683px 1745px #FFF , 322px 778px #FFF , 841px 888px #FFF , 1895px 1883px #FFF , 700px 568px #FFF , 1846px 442px #FFF , 91px 1650px #FFF , 970px 917px #FFF , 1585px 452px #FFF; animation: animStar 100s linear infinite; } #stars2:after { content: " "; position: absolute; top: 2000px; width: 2px; height: 2px; background: transparent; box-shadow: 921px 1554px #FFF , 1944px 550px #FFF , 1696px 1632px #FFF , 16px 1899px #FFF , 1894px 130px #FFF , 77px 262px #FFF , 22px 1159px #FFF , 933px 1206px #FFF , 1660px 482px #FFF , 1067px 1154px #FFF , 468px 625px #FFF , 1408px 1687px #FFF , 153px 1200px #FFF , 887px 1966px #FFF , 1260px 514px #FFF , 1167px 1158px #FFF , 790px 553px #FFF , 1103px 758px #FFF , 226px 1028px #FFF , 1340px 1760px #FFF , 1712px 528px #FFF , 114px 1693px #FFF , 185px 572px #FFF , 1566px 1793px #FFF , 317px 1501px #FFF , 846px 530px #FFF , 1585px 1437px #FFF , 1335px 1009px #FFF , 1768px 436px #FFF , 1131px 666px #FFF , 27px 1543px #FFF , 1778px 1861px #FFF , 1496px 30px #FFF , 1359px 1226px #FFF , 416px 135px #FFF , 1675px 673px #FFF , 296px 524px #FFF , 432px 1822px #FFF , 1995px 416px #FFF , 1206px 1846px #FFF , 542px 603px #FFF , 1811px 1083px #FFF , 1125px 1900px #FFF , 4px 1410px #FFF , 665px 1674px #FFF , 982px 365px #FFF , 809px 534px #FFF , 116px 1381px #FFF , 727px 439px #FFF , 1674px 1407px #FFF , 976px 1762px #FFF , 1585px 28px #FFF , 1916px 624px #FFF , 1716px 1118px #FFF , 1022px 177px #FFF , 807px 619px #FFF , 1657px 338px #FFF , 1608px 1259px #FFF , 405px 1890px #FFF , 433px 1978px #FFF , 1457px 1495px #FFF , 175px 989px #FFF , 850px 1044px #FFF , 170px 444px #FFF , 1623px 71px #FFF , 977px 1319px #FFF , 440px 464px #FFF , 51px 1209px #FFF , 783px 1274px #FFF , 1296px 244px #FFF , 1260px 94px #FFF , 652px 905px #FFF , 805px 1307px #FFF , 947px 822px #FFF , 384px 268px #FFF , 1856px 1782px #FFF , 459px 1844px #FFF , 1679px 473px #FFF , 673px 1832px #FFF , 96px 345px #FFF , 1268px 428px #FFF , 788px 1138px #FFF , 1242px 867px #FFF , 652px 831px #FFF , 993px 1706px #FFF , 1337px 64px #FFF , 1092px 624px #FFF , 674px 1344px #FFF , 1036px 405px #FFF , 996px 1371px #FFF , 1906px 1410px #FFF , 1285px 1079px #FFF , 1756px 583px #FFF , 404px 380px #FFF , 1739px 1620px #FFF , 1253px 372px #FFF , 520px 620px #FFF , 1842px 852px #FFF , 490px 387px #FFF , 1251px 143px #FFF , 1814px 537px #FFF , 1405px 623px #FFF , 1236px 1186px #FFF , 1286px 896px #FFF , 1626px 990px #FFF , 31px 1067px #FFF , 1288px 939px #FFF , 763px 338px #FFF , 713px 1515px #FFF , 859px 1621px #FFF , 1720px 1984px #FFF , 796px 1743px #FFF , 1439px 1587px #FFF , 965px 412px #FFF , 775px 1168px #FFF , 1192px 956px #FFF , 368px 1075px #FFF , 1484px 1154px #FFF , 1784px 547px #FFF , 815px 675px #FFF , 1387px 890px #FFF , 1665px 1733px #FFF , 1948px 429px #FFF , 1665px 92px #FFF , 1806px 919px #FFF , 1712px 494px #FFF , 577px 1922px #FFF , 820px 1228px #FFF , 678px 1745px #FFF , 1421px 586px #FFF , 788px 208px #FFF , 380px 250px #FFF , 748px 977px #FFF , 1637px 337px #FFF , 851px 1514px #FFF , 1487px 1410px #FFF , 1776px 710px #FFF , 544px 453px #FFF , 1707px 1932px #FFF , 1121px 1642px #FFF , 1227px 391px #FFF , 583px 833px #FFF , 658px 278px #FFF , 345px 1388px #FFF , 1529px 1419px #FFF , 233px 1008px #FFF , 892px 943px #FFF , 1431px 1091px #FFF , 1524px 316px #FFF , 1547px 192px #FFF , 976px 36px #FFF , 1648px 1053px #FFF , 1833px 1572px #FFF , 1677px 936px #FFF , 589px 1755px #FFF , 978px 1875px #FFF , 1508px 412px #FFF , 1242px 439px #FFF , 1263px 40px #FFF , 1427px 1736px #FFF , 639px 906px #FFF , 1349px 373px #FFF , 1055px 969px #FFF , 602px 95px #FFF , 224px 1805px #FFF , 1129px 837px #FFF , 1110px 1358px #FFF , 1067px 1752px #FFF , 391px 1389px #FFF , 885px 1979px #FFF , 1188px 414px #FFF , 1931px 325px #FFF , 1853px 1918px #FFF , 636px 1313px #FFF , 1236px 1913px #FFF , 1801px 780px #FFF , 633px 529px #FFF , 1500px 33px #FFF , 1387px 1045px #FFF , 832px 1281px #FFF , 1880px 1845px #FFF , 1477px 1096px #FFF , 1457px 698px #FFF , 1658px 1049px #FFF , 1957px 1151px #FFF , 1561px 1593px #FFF , 627px 250px #FFF , 975px 1575px #FFF , 68px 998px #FFF , 951px 85px #FFF , 280px 431px #FFF , 1683px 1745px #FFF , 322px 778px #FFF , 841px 888px #FFF , 1895px 1883px #FFF , 700px 568px #FFF , 1846px 442px #FFF , 91px 1650px #FFF , 970px 917px #FFF , 1585px 452px #FFF; } #stars3 { width: 3px; height: 3px; background: transparent; box-shadow: 1679px 1408px #FFF , 1970px 1504px #FFF , 1789px 965px #FFF , 698px 234px #FFF , 1733px 1854px #FFF , 1060px 271px #FFF , 719px 1744px #FFF , 1707px 1847px #FFF , 1710px 432px #FFF , 1325px 1585px #FFF , 92px 577px #FFF , 163px 1938px #FFF , 1885px 123px #FFF , 1566px 1753px #FFF , 1288px 21px #FFF , 1396px 1908px #FFF , 675px 1466px #FFF , 734px 1557px #FFF , 941px 1885px #FFF , 1692px 6px #FFF , 115px 1183px #FFF , 639px 1044px #FFF , 1171px 1982px #FFF , 1801px 1078px #FFF , 648px 820px #FFF , 1885px 1984px #FFF , 268px 1729px #FFF , 1388px 181px #FFF , 1741px 1280px #FFF , 1719px 1080px #FFF , 12px 932px #FFF , 489px 157px #FFF , 1910px 790px #FFF , 115px 44px #FFF , 1748px 1458px #FFF , 282px 109px #FFF , 1100px 1528px #FFF , 543px 598px #FFF , 1320px 1188px #FFF , 1124px 839px #FFF , 1406px 1289px #FFF , 472px 1376px #FFF , 852px 286px #FFF , 510px 860px #FFF , 700px 306px #FFF , 1822px 1302px #FFF , 15px 19px #FFF , 1360px 420px #FFF , 1483px 42px #FFF , 1287px 1867px #FFF , 1105px 1322px #FFF , 745px 161px #FFF , 431px 1722px #FFF , 855px 1254px #FFF , 860px 1784px #FFF , 1578px 1955px #FFF , 1085px 461px #FFF , 472px 690px #FFF , 23px 1152px #FFF , 1625px 601px #FFF , 1177px 1692px #FFF , 397px 1984px #FFF , 10px 1164px #FFF , 1132px 1557px #FFF , 438px 817px #FFF , 1590px 1236px #FFF , 1037px 1616px #FFF , 533px 941px #FFF , 1163px 1992px #FFF , 1451px 1081px #FFF , 1335px 1578px #FFF , 503px 1556px #FFF , 197px 1725px #FFF , 511px 1397px #FFF , 1514px 1164px #FFF , 1249px 148px #FFF , 947px 1849px #FFF , 1258px 1426px #FFF , 255px 1937px #FFF , 23px 529px #FFF , 578px 230px #FFF , 925px 767px #FFF , 903px 365px #FFF , 1861px 451px #FFF , 1813px 912px #FFF , 1597px 637px #FFF , 195px 626px #FFF , 130px 404px #FFF , 725px 408px #FFF , 1916px 843px #FFF , 1336px 239px #FFF , 1568px 1390px #FFF , 139px 126px #FFF , 1287px 1271px #FFF , 731px 465px #FFF , 1959px 1465px #FFF , 909px 169px #FFF , 838px 1332px #FFF , 464px 1037px #FFF , 1893px 233px #FFF; animation: animStar 150s linear infinite; } #stars3:after { content: " "; position: absolute; top: 2000px; width: 3px; height: 3px; background: transparent; box-shadow: 1679px 1408px #FFF , 1970px 1504px #FFF , 1789px 965px #FFF , 698px 234px #FFF , 1733px 1854px #FFF , 1060px 271px #FFF , 719px 1744px #FFF , 1707px 1847px #FFF , 1710px 432px #FFF , 1325px 1585px #FFF , 92px 577px #FFF , 163px 1938px #FFF , 1885px 123px #FFF , 1566px 1753px #FFF , 1288px 21px #FFF , 1396px 1908px #FFF , 675px 1466px #FFF , 734px 1557px #FFF , 941px 1885px #FFF , 1692px 6px #FFF , 115px 1183px #FFF , 639px 1044px #FFF , 1171px 1982px #FFF , 1801px 1078px #FFF , 648px 820px #FFF , 1885px 1984px #FFF , 268px 1729px #FFF , 1388px 181px #FFF , 1741px 1280px #FFF , 1719px 1080px #FFF , 12px 932px #FFF , 489px 157px #FFF , 1910px 790px #FFF , 115px 44px #FFF , 1748px 1458px #FFF , 282px 109px #FFF , 1100px 1528px #FFF , 543px 598px #FFF , 1320px 1188px #FFF , 1124px 839px #FFF , 1406px 1289px #FFF , 472px 1376px #FFF , 852px 286px #FFF , 510px 860px #FFF , 700px 306px #FFF , 1822px 1302px #FFF , 15px 19px #FFF , 1360px 420px #FFF , 1483px 42px #FFF , 1287px 1867px #FFF , 1105px 1322px #FFF , 745px 161px #FFF , 431px 1722px #FFF , 855px 1254px #FFF , 860px 1784px #FFF , 1578px 1955px #FFF , 1085px 461px #FFF , 472px 690px #FFF , 23px 1152px #FFF , 1625px 601px #FFF , 1177px 1692px #FFF , 397px 1984px #FFF , 10px 1164px #FFF , 1132px 1557px #FFF , 438px 817px #FFF , 1590px 1236px #FFF , 1037px 1616px #FFF , 533px 941px #FFF , 1163px 1992px #FFF , 1451px 1081px #FFF , 1335px 1578px #FFF , 503px 1556px #FFF , 197px 1725px #FFF , 511px 1397px #FFF , 1514px 1164px #FFF , 1249px 148px #FFF , 947px 1849px #FFF , 1258px 1426px #FFF , 255px 1937px #FFF , 23px 529px #FFF , 578px 230px #FFF , 925px 767px #FFF , 903px 365px #FFF , 1861px 451px #FFF , 1813px 912px #FFF , 1597px 637px #FFF , 195px 626px #FFF , 130px 404px #FFF , 725px 408px #FFF , 1916px 843px #FFF , 1336px 239px #FFF , 1568px 1390px #FFF , 139px 126px #FFF , 1287px 1271px #FFF , 731px 465px #FFF , 1959px 1465px #FFF , 909px 169px #FFF , 838px 1332px #FFF , 464px 1037px #FFF , 1893px 233px #FFF; } @keyframes animStar { from { transform: translateY(0px); } to { transform: translateY(-2000px); } } .all_center_box{ width:100%; float: left; margin-top: 80px;} .head_btn{ width: 24px; float: right; position: relative; margin: 6px 0 0 16px; cursor: pointer; display: none;} .head_btn i{ display: block; width: 100%; height: 2px; float: left; background-color: #fff; transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; } .head_btn i.bar-top{ margin-top: 0;} .head_btn i.bar-cen{ margin-top: 6px;} .head_btn i.bar-bom{ margin-top: 6px;} .head_btn.cur i.bar-cen{ opacity: 0;} .head_btn.cur i.bar-top{ -webkit-transform:rotate(45deg) translate(6px, 6px);transform:rotate(45deg) translate(6px, 6px);} .head_btn.cur i.bar-bom{ -webkit-transform: rotate(-45deg) translate(5.5px, -5px);transform: rotate(-45deg) translate(5.5px, -5px);} /*.fanye{ width:100%; float: left; text-align: center; padding: 60px 0 30px;} .fanye ul li{ display: inline-block; padding: 0 2px; line-height: 40px;} .fanye ul li a{ border:1px solid #dddddd; background: #fff; padding: 0 18px; border-radius: 3px; color: #666; font-size: 16px; display: inline-block;} .fanye ul li a:hover,.fanye ul li a.current,.fanye ul li.active a{ background: #cccccc; color: #fff;} .fanye ul li .text{ border:1px solid #dddddd; background: #fff; width: 50px; border-radius: 3px; color: #666; font-size: 16px; text-align: center; margin: 0 3px;} .fanye ul li span{ padding: 0 18px; border-radius: 3px; color: #666; font-size: 16px; display: inline-block;} .fanye ul li #btn-page{ width: 65px;border:1px solid #dddddd; background: #fff; border-radius: 3px; color: #666; font-size: 14px;} .fanye ul li #btn-page:hover{ background: #ddd;} */ .fanye { text-align:center; width:100%; float: left; text-align: center; padding: 60px 0 30px; } .fanye a,.fanye span { padding:7px 14px; display:inline-block; background:#ebebeb; color:#666; margin:5px 2px } .fanye a:hover,.fanye a.RepeaterNumberList_Now { color:#fff; background:#ff0000 } /*.head_box{ position: fixed; left: 0; top: 0; z-index: 99; padding: 50px 0; color: #fff; transition: all .6s;}*/ .head_box{ position: fixed; left: 0; top: 0; z-index: 99; background: #fff;color: #333333; transition: all .6s;} .head_box .pull-left .logo,.head_box .pull-left .logo1{ width:150px; float: left; transition: all .6s;} .head_box .pull-left .logo1{ display: none;} .head_box .pull-left .phone{ line-height: 45px; margin-left: 50px; font-size: 20px; color: #333333; transition: all .6s;} .head_box .pull-right{ margin-top: 5px; transition: all .6s;} .head_box .pull-right .head_menu{ float: left;} .head_box .pull-right .head_menu ul li{ float: left;} .head_box .pull-right .head_menu ul li a{ height: 35px; line-height: 35px; float: left; overflow: hidden; font-size: 16px; text-align: center; margin-left: 85px; /*color: #fff;*/ color: #333333;} .head_box .pull-right .head_menu ul li a:visited{color: #333333;} .head_box .pull-right .head_menu ul li a span{ display: block; /*transition: all .6s;*/} .head_box .pull-right .head_menu ul li a p{ color: #ff0000;} .head_box .pull-right .head_menu ul li a:hover span,.head_box .pull-right .head_menu ul li a.active span{ margin-top: -35px;} .head_box .pull-right .head_link{ float: left; margin-left: 30px;} .head_box .pull-right .head_link a{ width: 35px; height: 35px; float: left; margin-left: 40px; background-repeat: no-repeat; background-position: top; background-size: auto 70px; border-radius: 100%; position: relative;} .head_box .pull-right .head_link a img{ width: 100px; max-width: inherit; height: 100px; position: absolute; top: 50px; left: 50%; margin-left: -50px; display: none;} .head_box .pull-right .head_link a.clr1{ background-image: url(../images/he_1a.png);} .head_box .pull-right .head_link a.clr2{ background-image: url(../images/he_2a.png);} .head_box .pull-right .head_link a.clr3{ background-image: url(../images/he_3.png);} .head_box .pull-right .head_link a:hover{ background-position: bottom;} .head_box .pull-right .head_link a:hover img{ display: block;} /*最新添加一行*/ .head_box.active { position: fixed; left: 0; top: 0; z-index: 99; padding: 20px 0; background: #fff;color: #333333; transition: all .6s;} .head_box .pull-right .head_menu ul li a{ height: 40px; line-height: 40px; float: left; overflow: hidden; font-size: 16px; text-align: center; margin-left: 85px; /*color: #fff;*/color: #333333;} .head_box.active .pull-right .head_menu ul li a{ height: 40px; line-height: 40px; float: left; overflow: hidden; font-size: 16px; text-align: center;/*color: #fff;*/color: #ffffff;} .head_box.active .pull-right .head_link a.clr1{ background-image: url(../images/he_1.png);} .head_box.active .pull-right .head_link a.clr2{ background-image: url(../images/he_2.png);} .head_box.active .pull-right .head_link a.clr3{ background-image: url(../images/he_3.png);} .head_box.active .pull-right .head_menu ul li a:visited{color: #ffffff;} .head_box.active{ background: rgba(0,0,0,0.5); padding: 10px 0;} /*.head_box.active .pull-left .logo1{ height: 35px;}*/ .head_box.active .pull-left .phone{ line-height: 40px; color: #ffffff;} .head_box.active .pull-right{ margin-top: 0;} .head_box.cur{ top:-75px; transition: all .6s ease .8s;} .home_box1{ height: 100vh; background: #000; position: relative; overflow: hidden; display: table;} .home_box1 .box_imgs{ height: 0; position: relative; background: rgba(26,28,33,0.8); margin-top: 5%; transition: all .6s;} .home_box1 .box_imgs .prev,.home_box1 .box_imgs .next{ width: 49px; height: 49px; position: absolute; left: -120px; top: 50%; z-index: 12; margin-top: -24.5px; background: url(../images/btn_1.png) no-repeat left; background-size: cover; cursor: pointer; opacity: 0; transition: all .6s ease .6s;} .home_box1 .box_imgs .next{ left:inherit; right: -120px; background-position: right;} .home_box1 .box_imgs .icos i{ width: 45px; height: 45px; background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; opacity: 0; transition: all .6s ease 1s;} .home_box1 .box_imgs .icos i.clr1{ background-image: url(../images/ho1_l1.png);} .home_box1 .box_imgs .icos i.clr2{ background-image: url(../images/ho1_l2.png);} .home_box1 .box_imgs .icos i.clr3{ background-image: url(../images/ho1_r1.png);} .home_box1 .box_imgs .icos i.clr4{ background-image: url(../images/ho1_r2.png);} .home_box1 .box_imgs .icos i.fl{ left: -14px;} .home_box1 .box_imgs .icos i.fr{ right: -14px;} .home_box1 .box_imgs .icos i.up{ top: -14px;} .home_box1 .box_imgs .icos i.down{ bottom: -14px;} .home_box1 .box_imgs .bd{ width: 100%; height: 100%; position: relative; overflow: hidden;} .home_box1 .box_imgs .bd ul,.home_box1 .box_imgs .bd ul li{ width: 100%; height: 100%; float: left;} .home_box1 .box_imgs .bd ul li{ display: none;} .home_box1 .box_imgs .bd ul li .pull-right{ width: 40%; height: 100%; text-align: center; transition: all 0.8s; transform: translate3d(100px,0,0);} .home_box1 .box_imgs .bd ul li .pull-right img{ max-height: 100%;} .home_box1 .box_imgs .bd ul li .pull-left{ width: 50%; height: 100%; display: table; margin-left: 8%; transition: all 0.8s; transform: translate3d(-100px,0,0);} .home_box1 .box_imgs .bd ul li .pull-left .box1 strong{ display: block; font-size: 48px;} .home_box1 .box_imgs .bd ul li .pull-left .box1 p{ font-size: 20px; padding: 50px 0;} .home_box1 .box_imgs .bd ul li .pull-left .box2 div{ float: left; text-align: center; font-size: 16px; margin-right: 15%;} .home_box1 .box_imgs .bd ul li .pull-left .box2 div span{ display: block; font-size: 36px;} .home_box1 .box_imgs .bd ul li.on{ display: block;} .home_box1 .box_imgs .bd ul li.on .pull-left{ transform: translate3d(0,0,0);} .home_box1 .box_imgs .bd ul li.on .pull-right{ transform: translate3d(0,0,0);} .home_box1 .box_imgs.active{ height: 65vh; padding: 14px;} .home_box1 .box_imgs.active .prev,.home_box1 .box_imgs.active .next{ opacity: 1;} .home_box1 .box_imgs.active .icos i{ opacity: 1;} .home_box1 .box_imgs.active .icos i.fl{ left: 14px;} .home_box1 .box_imgs.active .icos i.fr{ right: 14px;} .home_box1 .box_imgs.active .icos i.up{ top: 14px;} .home_box1 .box_imgs.active .icos i.down{ bottom: 14px;} .home_box1 .box_imgs.active .bd{} .home_box2{ background: url(../images/ho2_bg.jpg) center; background-size: cover; padding: 160px 0;} .home_box2 .pull-right{ width: 57%; background: #af2e31; position: relative; overflow: hidden; padding: 70px 100px;} .home_box2 .pull-right .box1{ position: absolute; left: 35px; top: 65px; width: 28px; font-size: 28px; font-weight: bold; padding-bottom: 170px;} .home_box2 .pull-right .box1::after{ content: ''; width: 1px; height: 145px; background: #fff; position: absolute; bottom: 0; left: 50%; margin-left: -0.5px;} .home_box2 .pull-right .box3{ position: absolute; right: 30px; top: 65px; width: 45px; height: 100%; background: url(../images/line_1.png) top; background-size: 100% auto;} .home_box2 .pull-right .box2 span{ font-size: 18px; display: block;} .home_box2 .pull-right .box2 p{ margin-top: 40px; line-height: 28px;} .all_btns{ width: 100%; float: left;} .all_btns a{ text-align: center; margin:45px auto 0; font-size: 18px; font-weight: normal; background: none !important; border:1px solid; color: #fff !important;} .all_btns a:hover{ background: #d83638 !important;} .button--nina>span,.button--nina::before{ padding: 7px 0;} .home_box3{ height: 100vh;} .home_box3 .pull-left{ width: 68%; height: 100vh; background: #ccc; position: relative;} .home_box3 .pull-right{ width: 32%; height: 100vh; background: url(../images/ho3_bg.jpg) center; background-size: cover;} .home_box3 .pull-left .box1{ width: 50%; height: 50%; float: left; position: relative; overflow: hidden;} .home_box3 .pull-left .box1 img{ width: 100%; min-height: 100%;-webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; transition: all .6s;} .home_box3 .pull-left .box1 div{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.65); color: #fff; font-size: 24px; transition: all .6s;} .home_box3 .pull-left .box1 div span{ position: absolute;} .home_box3 .pull-left .box1 div.clr1 span{ left: 10%; top: 15%;} .home_box3 .pull-left .box1 div.clr2 span{ right: 10%; top: 15%;} .home_box3 .pull-left .box1 div.clr3 span{ left: 10%; bottom: 15%;} .home_box3 .pull-left .box1 div.clr4 span{ right: 10%; bottom: 15%;} .home_box3 .pull-left .box1.active div{ opacity: 0;} .home_box3 .pull-left .box1.active img{-webkit-filter: grayscale(0); filter: grayscale(0); filter:none;} .home_box3 .pull-left .box2 .prev,.home_box3 .pull-left .box2 .next{ width: 16px; height: 28px; position: absolute; left: 14px; top: 50%; z-index: 12; margin-top: -14px; background: url(../images/btn_2.png) no-repeat left; background-size: cover; cursor: pointer;} .home_box3 .pull-left .box2 .next{ left:auto; right: 14px; background-position: right;} .home_box3 .pull-left .box2 .bd{ width: 50%; height: 60vh; position: absolute; left: 50%; top: 50%; margin: -30vh 0 0 -25%; z-index: 2; background: rgba(143,143,143,0.95);} .home_box3 .pull-left .box2 .bd ul{ width: 100%; height: 100%; float: left; position: relative; overflow: hidden;} .home_box3 .pull-left .box2 .bd ul li{ width: 100%; height: 100%; float: left; display: table; text-align: center;} .home_box3 .pull-left .box2 .bd ul li .top_box{ color: #000;} .home_box3 .pull-left .box2 .bd ul li .top_box strong{ display: block; font-size: 58px;} .home_box3 .pull-left .box2 .bd ul li .top_box span{ display: block; font-size: 28px; font-weight: bold; margin-top: 20px;} .home_box3 .pull-left .box2 .bd ul li .top_box p{ color: #474747;} .home_box3 .pull-left .box2 .bd ul li .lower_box span{ display: block; font-size: 18px; padding: 30px 0 20px; margin-top: 30px; position: relative;} .home_box3 .pull-left .box2 .bd ul li .lower_box span::after{ content: ''; width: 46px; height: 1px; background: #fff; position: absolute; left: 50%; top: 0; margin-left: -23px;} .home_box3 .pull-left .box2 .bd ul li .lower_box p{ line-height: 24px; height: 48px;} .home_box3 .pull-left .box2 .hd{ width: 45px; height: 100%; position: absolute; top: 0; right: -85px; background: url(../images/line_2.png) top; display: table;} .home_box3 .pull-left .box2 .hd ul{ width: 100%; float: left; padding: 0 11px;} .home_box3 .pull-left .box2 .hd ul li{ width: 13px; height: 13px; text-align: center; background: #fff; border-radius: 100%; float: left; margin: 10px 0 10px 5px; font-size: 0; transition: all .6s; font-family: arial; cursor: pointer;} .home_box3 .pull-left .box2 .hd ul li.on{ width: 23px; height: 23px; line-height: 23px; background: #d83638; margin: 10px 0; font-size: 15px;} .home_box3 .pull-right{ padding: 87px; font-size: 16px;} .home_box3 .pull-right span{ display: block; font-size: 36px; padding-bottom: 20px;} .home_box3 .pull-right p{ line-height: 36px;} .home_box4{ height: 100vh; background: #fff; position: relative; overflow: hidden;} .home_box4 .top_box{ position: absolute; left: 0; top: 0; z-index: 12;} .home_box4 .top_box span{ display: inline-block; position: relative; font-size: 20px; color: #000; margin-top: 45px; padding-bottom: 50px; background: url(../images/line_3.png) repeat-x bottom;} .home_box4 .top_box p{ font-size: 50px; font-family: arial; color: #a3a3a3;} .home_box4 .lower_box{ position: absolute; left: 0; bottom: 0; height: 78vh;} .home_box4 .lower_box .pull-left{ width: 21%; height: 70vh; margin-top: 8vh; background: #ccc; position: relative; overflow: hidden;} .home_box4 .lower_box .pull-right{ width: 72%; height: 100%; background: #ccc; position: relative; overflow: hidden;} .home_box4 .lower_box .pull-left .swiper-container{ width: 60vw; height: 100%; position: absolute; right: 0;} .home_box4 .lower_box .pull-right .swiper-container{ width: 100%; height: 100%;} .home_box4 .lower_box .swiper-slide{ width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover;} .home_box4 .lower_box .swiper-slide img{ width: 100%; max-width: inherit; height: 100%;} .home_box4 .center-block{ width: 415px; height: 50vh; background: rgba(47,47,47,0.8); position: absolute; left: 28%; bottom: 0; z-index: 20;} .home_box4 .center-block .fl{ width: 280px; height: 100%; background: #2f2f2f; position: absolute; left: -280px; top: 0;} .home_box4 .center-block .fl .box1{ width: 24px; height: 100%; float: left; display: table; margin-left: 35px; position: relative; overflow: hidden;} .home_box4 .center-block .fl .box1::after{ content: ''; width: 1px; height: 100%; position: absolute; left: 50%; top: 0; background: #1c1819; margin-left: -1px;} .home_box4 .center-block .fl .box1 .swiper-pagination{ position: relative;} .home_box4 .center-block .fl .box1 .swiper-pagination span{ width: 11px; height: 11px; float: left; margin: 8px 6px; background: #fff; font-family: arial; font-size: 0; opacity: 1; overflow: hidden; transition: all .3s;} .home_box4 .center-block .fl .box1 .swiper-pagination span.swiper-pagination-bullet-active{ width: 23px; height: 23px; line-height: 23px; background: #d83638; margin: 8px 0; font-size: 14px;} .home_box4 .center-block .fl .box2{ width: 36px; height: 100%; float: left; display: table; font-size: 36px; color: #d83638; text-align: center; margin-left: 80px;} .home_box4 .center-block .fr{ width: 100%; height: 100%; float: left; display: table; padding: 0 28px; position: absolute; left: 0; top: 30px; opacity: 0; transition: all .6s;} .home_box4 .center-block .fr .box3 span{ width: 70%; float: left; font-size: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .home_box4 .center-block .fr .box3 i{ float: right; line-height: 31px; color: #999;} .home_box4 .center-block .fr .box3 p{ width: 100%; float: left; line-height: 26px; opacity: 0; margin-top: 40px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3; transform: translate3d(0,50px,0); transition: all 0.6s ease 0.3s;} .home_box4 .center-block .fr .all_btns{ opacity: 0; transform: translate3d(0,30px,0); transition: all 0.6s ease 0.6s;} .home_box4 .center-block .fr.active{ opacity: 1; top:0; z-index: 2;} .home_box4 .center-block .fr.active p{ opacity: 1; transform: translate3d(0,0,0);} .home_box4 .center-block .fr.active .all_btns{ opacity: 1; transform: translate3d(0,0,0);} .home_box4 .center-block .box4{ width: 70px; height: 27px; position: absolute; right: 20px; bottom: 20px;} .home_box4 .center-block .box4 .swiper-button-next,.home_box4 .center-block .box4 .swiper-button-prev{ width: 27px; height: 27px; background-color: #4e4e4e; top: 0; margin-top: 0; left: 0; background-size: 11px 27px;} .home_box4 .center-block .box4 .swiper-button-next{ left:auto; right: 0;} .home_box4 .center-block .box4 .swiper-button-next:hover,.home_box4 .center-block .box4 .swiper-button-prev:hover{ background-color: #d83638;} .home_box5{ background: #fff; padding: 50px 0; color: #333;} .home_box5 .pull-right{ width: 25%; padding: 20px 10px 0px 20px; font-size: 16px; position: relative;} .home_box5 .pull-right .box1 span{ display: block; font-size: 36px; color: #d83638;} .home_box5 .pull-right .box1 p{ line-height: 30px; margin-top: 10px;} .home_box5 .pull-right .all_btns{ width: auto; position: absolute; right: 0; top: 50%; display: none;} .home_box5 .pull-right .all_btns a{ color: #000 !important; margin-top: 0;} .home_box5 .pull-left{ width: 75%;} .home_box5 .pull-left .bd,.home_box5 .pull-left .bd ul{ width: 100%; float: left;} .home_box5 .pull-left .bd ul li{ width: 33.33%; float: left;} .home_box5 .pull-left .bd ul li a{ width: 100%; float: left; padding: 46px 45px; background: url(../images/line_4.png) no-repeat right;} .home_box5 .pull-left .bd ul li a span{ width: 70%; float: left; font-size: 18px; color: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .home_box5 .pull-left .bd ul li a i{ float: right; line-height: 25px;} .home_box5 .pull-left .bd ul li a p{ width: 100%; float: left; line-height: 24px; height: 72px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3; margin-top: 10px;} .home_box5 .pull-left .bd ul li a:hover{ color: #e48686;} .home_box5 .pull-left .bd ul li a:hover span{ color: #d83638;} .home_box6{ height: 815px; } .home_box6 .pull-left{ width: 28.5%; height: 100%; position: relative; overflow: hidden;} .home_box6 .pull-left .box1{ position: relative; z-index: 2; padding: 12% 15%;} .home_box6 .pull-left .box1 span{ display: block; font-size: 36px; padding-bottom: 15px;} .home_box6 .pull-left .box1 p{ font-size: 16px; line-height: 36px;} .home_box6 .pull-left .bg{ width: 100%; height: 100vh; position: absolute; left: 0; top: 105%; background: url(../images/ho6_bg1.jpg) no-repeat center; background-size: 100%;} .home_box6 .pull-right{ width: 71.5%; height: 100%; background: url(../images/ho6_bg2.jpg) center; background-size: cover; display: table; position: relative; padding: 0 5%;} .home_box6 .pull-right ul li{ width: 25%; height: 140px; float: left; text-align: center; display: table; opacity: 0.6; transition: all .6s;} .home_box6 .pull-right ul li img{ max-width: 90%; max-height: 90%;} .home_box6 .pull-right ul li:hover{ opacity: 1;} .home_box6 .pull-right::after{ content: ''; width: 75%; height: 51px; background: url(../images/line_5.png) repeat-x left; position: absolute; top: 10%; right: 0;} .home_box6 .pull-right::before{ content: ''; width: 85%; height: 33px; background: url(../images/line_6.png) repeat-x right; position: absolute; bottom: 10%; left: 0;} .home_box7{ height: 760px; background: url(../images/ho7_bg.jpg) center; background-size: cover;} .home_box7 .pull-left{ width: 40%; height: 100%; display: table; position: relative;} .home_box7 .pull-left .box_info{ padding: 150px 100px 110px; position: relative;} .home_box7 .pull-left .box_info::after{ content: ''; width: 100%; height: 33px; position: absolute; left: 0; bottom: 0; background: url(../images/line_7.png) no-repeat left;} .home_box7 .pull-left .box_info .box1{ position: absolute; top: 0; left: 0; background: #d83638; font-size: 18px; padding: 8px 70px 13px 100px;} .home_box7 .pull-left .box_info .box1 strong{ font-size: 36px; display: block; padding-bottom: 3px;} .home_box7 .pull-left .box_info .box1 .icos{ position: absolute; left: 6px; top:0;} .home_box7 .pull-left .box_info .box1 .icos i{ width: 4px; height: 90px; float: left; background: rgba(255,255,255,0.5); margin-left: 14px;} .home_box7 .pull-left .box_info .box1 .icos i.clr1{ margin-top: 10px;} .home_box7 .pull-left .box_info .box1 .icos i.clr2{ margin-top: 25px;} .home_box7 .pull-left .box_info .box1 .icos i.clr3{ } .home_box7 .pull-left .box_info .box2{ font-size: 24px; font-weight: bold;} .home_box7 .pull-left .box_info .box2 p{ padding-left: 40px; line-height: 38px; background-repeat: no-repeat; background-position: left; background-size: auto 25px;} .home_box7 .pull-left .box_info .box2 p.clr1{ background-image: url(../images/ho7_l1.png);} .home_box7 .pull-left .box_info .box2 p.clr2{ background-image: url(../images/ho7_l2.png);} .home_box7 .pull-left .box_info .box3 strong{ font-size: 18px; display: block; padding: 50px 0 25px;} .home_box7 .pull-left .box_info .box3 p{ color: #C8C8C8; line-height: 26px;} .home_box7 .pull-right{ width: 60%; height: 100%;} .home_box7 .pull-right ul{ width: 100%; height: 100%; display: block;} .home_box7 .pull-right ul li{ width: 33.33%; height: 100%; float: left; text-align: center; display: table; font-size: 16px; line-height: 40px; transition: all .6s;} .home_box7 .pull-right ul li.clr1{ background: rgba(0,0,0,0.8);} .home_box7 .pull-right ul li.clr2{ background: rgba(0,0,0,0.6);} .home_box7 .pull-right ul li.clr3{ background: rgba(0,0,0,0.4);} .home_box7 .pull-right ul li i{ width: 100%; height: 50px; display: block; background-repeat: no-repeat; background-position: top; background-size: auto 100px; transition: all .6s; margin-bottom: 60px;} .home_box7 .pull-right ul li.clr1 i{ background-image: url(../images/ho7_r1.png);} .home_box7 .pull-right ul li.clr2 i{ background-image: url(../images/ho7_r2.png);} .home_box7 .pull-right ul li.clr3 i{ background-image: url(../images/ho7_r3.png);} .home_box7 .pull-right ul li:hover{ background: rgba(255,255,255,0.5); color: #d83638;} .home_box7 .pull-right ul li:hover i{ background-position: bottom;} .foot_link{ background: url(../images/ho8_1.png) no-repeat center 22px #fff; text-align: center; background-size: auto 35px; padding: 70px 0 22px;} .foot_link a{ display: inline-block; margin: 5px 5px 0; color: #333;} .foot_link a:hover{ color: #d83638;} .foot_box{ background: #2f2f2f; padding: 40px 0;} .foot_box .pull-left{ text-align: center; width: 160px;} .foot_box .pull-left .logo{} .foot_box .pull-left span{ width: 100%; float: left; padding: 12px;} .foot_box .pull-left span img{ max-width: 120px; max-height: 120px;} .foot_box .pull-right{ width: 80%;} .foot_box .pull-right .top_box{ border-bottom: 1px solid #979797; padding-bottom: 40px; margin-bottom: 40px;} .foot_box .pull-right .top_box .fl{ font-size: 30px; font-weight: bold;} .foot_box .pull-right .top_box .fr{ margin-top: 12.5px;} .foot_box .pull-right .top_box .fr a{ float: left; line-height: 17px; color: #fff; border-right: 1px solid #fff; padding: 0 45px;} .foot_box .pull-right .top_box .fr a:last-child{ border-right: none; padding-right: 0;} .foot_box .pull-right .top_box .fr a:hover{ color: #d83638;} .foot_box .pull-right .lower_box .fl{ line-height: 30px; color: #bebebe;} .foot_box .pull-right .lower_box .fl a{ color: #bebebe;} .foot_box .pull-right .lower_box .fl a:hover{ color: #d83638;} .foot_box .pull-right .lower_box .fr{ margin-top: 10px;} .foot_box .pull-right .lower_box .fr a{ width: 35px; height: 35px; float: left; margin-left: 45px; background-repeat: no-repeat; background-position: top; background-size: auto 70px; border-radius: 100%; position: relative;} .foot_box .pull-right .lower_box .fr a img{ width: 100px; max-width: inherit; height: 100px; position: absolute; bottom: 50px; left: 50%; margin-left: -50px; display: none;} .foot_box .pull-right .lower_box .fr a.clr1{ background-image: url(../images/he_1.png);} .foot_box .pull-right .lower_box .fr a.clr2{ background-image: url(../images/he_2.png);} .foot_box .pull-right .lower_box .fr a.clr3{ background-image: url(../images/he_3.png);} .foot_box .pull-right .lower_box .fr a:hover{ background-position: bottom;} .foot_box .pull-right .lower_box .fr a:hover img{ display: block;} .page_banner{ height: 395px; background-position: center; background-repeat: no-repeat; background-size: cover; padding-top: 120px;} .page_banner .box_info{ /*border-top: 1px solid #3a3a3a;*/ text-align: center; font-size: 40px;} .page_banner .box_info strong{ display: block; position: relative; padding: 95px 0 30px;} .page_banner .box_info strong::after{ content: ''; width: 88px; height: 1px; background: #fff; position: absolute; left: 50%; bottom: 0; margin-left: -44px;} .page_center{ background: #f5f5f5;} .pagecase_center{ background: #f5f5f5;} .case_box1{ border-bottom: 1px solid #ccc; height: 95px;} .case_box1 a{ float: left; font-size: 18px; height: 95px; line-height: 98px; border-bottom: 3px solid transparent; margin-right: 80px;} .case_box1 a:hover,.case_box1 a.active{ color: #d83638; border-color: #d83638;} .case_box2{ margin-top: 48px;} .case_box2 ul li{ width: 33.333%; float: left; overflow: hidden; position: relative;} .case_box2 ul li img{ width: 100%; min-height: 100%; transition: all .6s; /*-webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray;*/} .case_box2 ul li a{ width: 100%; height: 100.2%; position: absolute; left: 0; top: 0; background: rgba(216,54,56,0.9); display: table; opacity: 0; transition: all .6s ease .5s; color: #fff; text-align: center;} .case_box2 ul li a:hover{ opacity: 1; transition: all .2s;} .sil-tile__square { position: absolute; top: 1em; left: 1em; right: 1em; bottom: 1em; z-index: 1; color: #fff;} .ieIE1011 .sil-tile__square { display: none!important } .sil-tile__square:after, .sil-tile__square:before { color: inherit; position: absolute; display: block; visibility: hidden; width: 0; height: 0; content: ' '; border: 1px solid currentcolor; } .sil-tile__square:before { top: 0; left: 50%; transition: height .1s linear .3s, width .1s linear .4s, visibility 0s .51s; border-bottom: 0; border-left: 0 } .sil-tile__square:after { right: 0; bottom: 0; transition: background-size .1s linear 0s, height .1s linear .1s, width .1s linear .2s, visibility 0s .3s; border-top: 0; border-right: 0; background-image: linear-gradient(currentColor, currentColor); background-repeat: no-repeat; background-position: 0 0; background-size: 0 1px } a:active .sil-tile__square:after, a:active .sil-tile__square:before, a:focus .sil-tile__square:after, a:focus .sil-tile__square:before, a:hover .sil-tile__square:after, a:hover .sil-tile__square:before { visibility: visible; } a:active .sil-tile__square:before, a:focus .sil-tile__square:before, a:hover .sil-tile__square:before { width: 50%; height: 100%; transition: width .1s linear 0s, height .1s linear .1s; } a:active .sil-tile__square:after, a:focus .sil-tile__square:after, a:hover .sil-tile__square:after { width: 100%; height: 100%; transition: visibility 0s .2s,width .1s linear .2s,height .1s linear .3s,background-size .1s linear .4s; background-size: 51% 1px;} .case_box2 ul li a .box_info{ width: 50%; display: inline-block;} .case_box2 ul li a .box_info span{ display: block; font-size: 20px;} .case_box2 ul li a .box_info p{ line-height: 24px; padding: 30px 0;} .case_box2 ul li a .box_info i{ width: 31px; height: 31px; background: url(../images/jt_1.png) no-repeat; display: inline-block;transform: rotate(-90deg); transition: all .6s ease .2s;} .case_box2 ul li a:hover .box_info i{ transform: rotate(0);} .case_box3{ padding: 140px 0;} .case_box3 .pull-left{ width: 48%;} .case_box3 .pull-right{ width: 48%; color: #333;} .case_box3 .pull-right .box1 p{ font-size: 24px;} .case_box3 .pull-right .box1 span{ float: left; font-size: 12px; color: #999; margin: 12px 30px 0 0; background-position: left; background-repeat: no-repeat; background-size: auto 15px; padding-left: 20px;} .case_box3 .pull-right .box1 span.clr1{ background-image: url(../images/ico_1.png);} .case_box3 .pull-right .box1 span.clr2{ background-image: url(../images/ico_2.png);} .case_box3 .pull-right .box1 span.clr3{ background-image: url(../images/ico_3.png);} .case_box3 .pull-right .box2 span{ display: block; font-size: 18px; padding: 45px 0 14px;} .case_box3 .pull-right .box2 p{ line-height: 24px; color: #666;} .case_box3 .pull-right .all_btns a{ color: #000 !important;} .case_box4 .box1 img{ height: auto !important;} .fenxiang{ color: #333; text-align: center; padding: 80px 0 20px;} .fenxiang span{ float: left; line-height: 44px; font-size: 20px;} .fenxiang .bdshare-button-style0-32{ display: inline-block;} .fy_box{ border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; position: relative; margin-bottom: 65px;} .fy_box a{ width: 70px; height: 70px; line-height: 70px; display: inline-block; color: #333; font-size: 20px; border-left:1px solid #ccc; border-right: 1px solid #ccc; text-align: center;} .fy_box a.fh{ position: absolute; left: 50%; top: 0; background: url(../images/ico_4.png) no-repeat center; margin-left: -35px;} .contact_box{ padding: 105px 0; color: #666;} .contact_box .pull-left span{ display: block; font-size: 20px; color: #333; font-weight: bold;} .contact_box .pull-left p{ margin-top: 12px; line-height: 24px;} .contact_box .pull-left p strong{ float: left; margin-right: 8px;} .contact_box .pull-left a{ float: left; width: 24px; height: 24px; margin: 25px 20px 0 0; background-position: top; background-repeat: no-repeat; background-size: auto 48px; position: relative;} .contact_box .pull-left a img{ width: 120px; max-width: inherit; height: 120px; position: absolute; left: 50%; bottom: 30px; margin-left: -60px; display: none;} .contact_box .pull-left a.clr1{ background-image: url(../images/co_1.png);} .contact_box .pull-left a.clr2{ background-image: url(../images/co_2.png);} .contact_box .pull-left a.clr3{ background-image: url(../images/co_3.png);} .contact_box .pull-left a.clr4{ background-image: url(../images/co_4.png);} .contact_box .pull-left a:hover{ background-position: bottom;} .contact_box .pull-left a:hover img{ display: block;} .contact_box .pull-right{ width: 70%; height: 370px; border-radius:10px;} .contact_box .pull-right img,.contact_box .pull-right label{ max-width: inherit;} .news_box1{ background: #f2f2f2; padding: 90px 0 10px;} .news_box1 .list_box ul li{ width: 100%; float: left;} .news_box1 .list_box ul li a{ width: 100%; float: left; color: #999; padding: 30px 35px;} .news_box1 .list_box ul li .pull-left{ width: 93%; border-right: 1px solid #d9d9d9; padding-right: 45px;} .news_box1 .list_box ul li .pull-left span{ width: 80%; float: left; font-size: 20px; color: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .news_box1 .list_box ul li .pull-left i{ float: right; line-height: 28px;} .news_box1 .list_box ul li .pull-left p{ width: 100%; float: left; line-height: 26px; margin-top: 15px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;} .news_box1 .list_box ul li .pull-right{ width: 30px; height: 95px; background: url(../images/ico_5.png) no-repeat right; transition: all .6s;} .news_box1 .list_box ul li a:hover{ background: #fff; color: #ee7a7c;} .news_box1 .list_box ul li a:hover span{ color: #d83638;} .news_box1 .list_box ul li a:hover .pull-right{ background-position: left;} .news_box2{ color: #666;} .news_box2 .box1{ text-align: center; padding: 90px 0 70px;} .news_box2 .box1 p{ font-size: 24px; color: #000;} .news_box2 .box1 span{ display: inline-block; font-size: 12px; color: #999; margin: 15px 10px 0; background-position: left; background-repeat: no-repeat; background-size: auto 15px; padding-left: 20px;} .news_box2 .box1 span.clr1{ background-image: url(../images/ico_1.png);} .news_box2 .box1 span.clr2{ background-image: url(../images/ico_2.png);} .news_box2 .box2{ line-height: 24px;} .news_box2 .box2 img{ height: auto !important;} .about_box1{ height: 100vh; position: relative; z-index: 2; background: url(../images/ab1_bg.jpg) bottom; background-size: cover;} .about_box1.active{ background-position: top; transition: all 1s ease 0.5s;} .about_box1 .box1{ width: 69%; height: 80%; background: url(../images/ab1_bg1.png) center; background-size: cover; position: absolute; left: 0; bottom: 0; opacity: 0; transform: translate3d(-50%,0,0); transition: all .6s ease .8s;} .about_box1 .box2{ width: 25.8%; height: 92%; background: url(../images/ab1_bg2.jpg); position: absolute; right: 0; bottom: -12%; opacity: 0; transform: translate3d(20%,0,0); transition: all .6s ease .8s;} .about_box1 .box3{ width: 45%; height: auto; padding: 35px 55px; background: #d83638; position: absolute; left: 50%; bottom: 8%; opacity: 0;} .about_box1 .box3 span{ display: block; font-size: 48px;} .about_box1 .box3 p{ font-size: 22px; margin-top: 10px;} .about_box1 .box3 div{ line-height: 24px;} .about_box1 .box3 i{ width: 216px; height: 308px; background: url(../images/ab1_1.png) no-repeat; background-size: cover; position: absolute; right: 0; bottom: 55%;} .about_box1.active .box1{ opacity: 1; transform: translate3d(0,0,0);} .about_box1.active .box2{ opacity: 1; transform: translate3d(0,0,0);} /*.about_box1 .box2::after{ content: ''; width: 100%; position: absolute; height: 12vh; bottom: 0; right: 0; background: url(../images/line_8.png) no-repeat center;}*/ .about_box2{ padding-top: 12vh; background: #fff; position: relative; overflow: hidden;} .about_box2 .top_box{ color: #d83638; position: absolute; left:0; top: 0; overflow: hidden;} .about_box2 .top_box span{ float: left; line-height: 12vh; font-size: 30px; position: relative;} .about_box2 .top_box span::after{ content: ''; width: 80vw; height: 100%; position: absolute; left: 115%; top: 0; background: url(../images/line_9.png) repeat-x left;} .about_box2 .lower_box{ position: relative;} .about_box2 .lower_box .bd ul,.about_box2 .lower_box .bd ul li{ width: 100%; height: 558px; float: left;} .about_box2 .lower_box .bd ul li .box_info{ background-position: center; background-repeat: no-repeat; background-size: cover; display: table; text-align: center; line-height: 24px; padding-bottom: 60px; height: 100%;} .about_box2 .lower_box .bd ul li h3{ position: relative; margin: 0 0 30px; padding-bottom: 30px;} .about_box2 .lower_box .bd ul li h3::after{ content: ''; width: 30px; height: 1px; background: #fff; position: absolute; left: 50%; bottom: 0; margin-left: -15px;} .about_box2 .lower_box .hd{ width: 100%; height: 23px; position: absolute; left: 0; bottom: 45px; text-align: center;} .about_box2 .lower_box .hd::after{ content: ''; width: 100%; height: 1px; background: #000; position: absolute; left: 0; top: 50%; margin-top: -0.5px;} .about_box2 .lower_box .hd ul{ width: auto; float: none; display: inline-block;} .about_box2 .lower_box .hd ul li{ width: 13px; height: 13px; text-align: center; background: #fff; border-radius: 100%; float: left; margin: 5px 10px; font-size: 0; transition: all .6s; font-family: arial; cursor: pointer; position: relative; z-index: 2;} .about_box2 .lower_box .hd ul li.on{ width: 23px; height: 23px; line-height: 23px; background: #d83638; margin: 0 10px; font-size: 15px;} .about_box3{ height: 100vh; background: #fff;} .about_box3 .pull-left{ width: 21.5%; height: 100%; background: url(../images/ab3_bg1.png) bottom; background-size: 100% 100%; position: relative; padding: 7% 0 0 4%;} .about_box3 .pull-left span{ width: 52px; height: 100%; float: left; font-size: 28px; font-weight: bold; color: #000; padding: 0 12px; line-height: 32px; position: relative;} .about_box3 .pull-left p{ width: 16px; height: 100%; float: left; font-size: 16px; margin-left: 8%; padding-top: 4px; line-height: 18px;} .about_box3 .pull-left::after{ content: ''; width: 37px; height: 100%; background: url(../images/line_10.png) no-repeat top; position: absolute; top: 0; right: 20px;} .about_box3 .pull-left span::after{ content: ''; width: 100%; height: 53%; background: url(../images/line_11.png) no-repeat top; position: absolute; left:0; bottom: 0;} .about_box3 .pull-right{ width: 78.5%; height: 100%; position: relative; overflow: hidden;} .about_box3 .pull-right::after{ content: ''; width: 100%; height: 100%; background: url(../images/ab3_bg2.png) bottom; background-size: 100% 100%; position: absolute; left: 0; top: 0; z-index: 2;} .about_box3 .pull-right .bg{ width: 100%; height: 150vh; background: url(../images/ab3_img1.jpg) center; background-size: cover; position: absolute; left: 0; top: 17%;} .about_box4{ background: url(../images/ab4_bg.png); position: relative;} .about_box4 .top_box{ position:relative; height: 15vh;} .about_box4 .top_box .fl{ font-size: 30px; line-height: 15vh;} .about_box4 .top_box .swiper-pagination{ width: 84%; height: 23px; position: absolute; top: 50%; right: 0; margin-top: -12px; padding-left: 10%;} .about_box4 .top_box .swiper-pagination::after{ content: ''; width: 100%; height: 1px; background: #843334; position: absolute; left: 0; top: 50%; margin-top: -0.5px;} .about_box4 .top_box .swiper-pagination span{ width: 11px; height: 11px; float: left; margin: 6px 8px; background: #fff; font-family: arial; font-size: 0; opacity: 1; overflow: hidden; transition: all .3s; position: relative; z-index: 2;} .about_box4 .top_box .swiper-pagination span.swiper-pagination-bullet-active{ width: 23px; height: 23px; line-height: 23px; background: #d83638; margin:0 8px; font-size: 14px;} .about_box4 .lower_box{ width: 100%; height: 85vh; background: #fff; position: relative; padding-bottom: 10vh; margin-top: 10vh;} .about_box4 .lower_box .pull-left{ width: 44%; height: 85vh; margin-top: -10vh; background: #ccc;} .about_box4 .lower_box .swiper-container{ height: 100%;} .about_box4 .lower_box .swiper-container .swiper-slide{ background-position: center; background-size: cover;} .about_box4 .lower_box .pull-right{ width: 53%; height: 100%;} .about_box4 .lower_box .pull-right .box2{ width: 50%; height: 100%; float: right; padding-top: 10%; -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray;} .about_box4 .lower_box .pull-right .box1{ width: 39%; height: 100%; float: left; padding: 10% 0 0; position: relative; color: #666;} .about_box4 .lower_box .pull-right .box1 ul{ width: 100%; float: left; position: relative;} .about_box4 .lower_box .pull-right .box1 ul li{ width: 100%; height: 100%; float: left; position: absolute; left: 0; top: 40px; opacity: 0; transition: all .6s; z-index: 1;} .about_box4 .lower_box .pull-right .box1 ul li span{ display: block; font-size: 24px; color: #333;} .about_box4 .lower_box .pull-right .box1 ul li p{ line-height: 24px; margin-top: 20px;} .about_box4 .lower_box .pull-right .box1 ul li.active{ opacity: 1; top: 0; z-index: 2;} .about_box4 .lower_box .pull-right .box1 .btns{ width: 100%; position: absolute; bottom: 10%; left: 0;} .about_box4 .lower_box .pull-right .box1 .btns::after{ content: ''; width: 70%; height: 1px; background: #d5d5d5; position: absolute; left: 0; top: 50%; margin-top: -0.5px;} .about_box4 .lower_box .pull-right .box1 .btns .swiper-button-next,.about_box4 .lower_box .pull-right .box1 .btns .swiper-button-prev{ width: 27px; height: 27px; background-color: #4e4e4e; position: relative; float: right; left:0; top: 0; margin: 0 0 0 16px; background-size: 11px 27px;} .about_box4 .lower_box .pull-right .box1 .btns .swiper-button-next:hover,.about_box4 .lower_box .pull-right .box1 .btns .swiper-button-prev:hover{ background-color: #d83638;} .about_box5{ background: #2f2f2f; padding: 70px 0; position: relative;} .about_box5 .box1{ text-align: center; font-size: 16px;} .about_box5 .box1 .top_box{} .about_box5 .box1 .top_box span{ font-size: 24px; display: block; margin-bottom: 25px; padding-bottom: 30px; position: relative;} .about_box5 .box1 .top_box span::after{ content: ''; width: 60px; height: 1px; background: #fff; position: absolute; left: 50%; bottom: 0; margin-left: -30px;} .about_box5 .box1 .top_box p{ line-height: 26px; padding: 0 15%;} .about_box5 .box1 .lower_box{ position: relative; margin-top: 60px;} .about_box5 .box1 .lower_box::after{ content: ''; width: 100%; height: 3px; background: #fff; position: absolute; left: 0; top: 50px;} .about_box5 .box1 .lower_box ul li{ display: inline-block; margin: 0 5%; position: relative; z-index: 2;} .about_box5 .box1 .lower_box ul li i{ width: 100px; height: 100px; display: inline-block; border: 3px solid #fff; border-radius: 100%; background-repeat: no-repeat; background-position: center; background-color: #2f2f2f; transition: all .6s;} .about_box5 .box1 .lower_box ul li i.clr1{ background-image: url(../images/ab5_1.png);} .about_box5 .box1 .lower_box ul li i.clr2{ background-image: url(../images/ab5_2.png);} .about_box5 .box1 .lower_box ul li i.clr3{ background-image: url(../images/ab5_3.png);} .about_box5 .box1 .lower_box ul li i.clr4{ background-image: url(../images/ab5_4.png);} .about_box5 .box1 .lower_box ul li p{ margin-top: 15px;} .about_box5 .box1 .lower_box ul li:hover i{ transform: rotateY(180deg); background-color: #d83638; border-color: #d83638;} .about_box5 .box2{ background-color: #d83638; position: absolute; top: 85%; right: 10%; padding: 8px 8px 40px; background-image: url(../images/ico_6.png); background-position: 20px 70px; background-repeat: no-repeat;} .about_box5 .box2 span{ width: 24px; font-size: 24px; float: left; line-height: 30px; margin: 70px 8px 0 0;} .about_box5 .box2 strong{ width: 36px; font-size: 36px; float: left; line-height: 44px;} .about_box5 .box2 .icos{ height: 90px; position: absolute; right: 5px; bottom: -8px;} .about_box5 .box2 .icos i{ width: 4px; height: 90px; float: left; background: rgba(255,255,255,0.5); margin-left: 11px;} .about_box5 .box2 .icos i.clr2{ margin-top: 38px;} .about_box5 .box2 .icos i.clr3{ margin-top: 14px;} body.onebody{ overflow: hidden;} .head_box{ background: hsla(0,0%,100%,0.00);} .head_box .w90{ display: flex; justify-content: space-between; align-items: flex-start; width: auto;/* padding-left: 5%;*/} .head_box .pull-right{ margin-top: 0; display: flex; align-items: center; border: 1px solid rgba(255,255,255,0.1); border-top: none; width: 37%; /*margin-right: 8%;*/} .head_box.active{ padding: 0;} .head_box .pull-right .tel{ /*width: 260px;*/ width: 38%; font-size: 20px; color: #fff; line-height: 76px; text-align: center; font-weight: bold;} .head_box .pull-right .head_link{ margin: 0; display: flex; width: 32%;} .head_box .pull-right .head_link a{ display: block; /*width: 110px;*/ width: 50%; height: 76px; border-left: 1px solid rgba(255,255,255,0.1); margin: 0; border-radius: unset;} .head_box .pull-right .head_link a.clr1, .head_box.active .pull-right .head_link a.clr1{ background: url(../images/qq2.png) no-repeat center; background-size: 35px auto;} .head_box .pull-right .head_link a.clr2, .head_box.active .pull-right .head_link a.clr2{ background: url(../images/wx.svg) no-repeat center; background-size: 30px auto;} .head_box .pull-right .head_link a img{ top: 76px;} .head_box .pull-right .sole{ /*width: 210px;*/ width: 30%; height: 76px; background: #fff; display: flex; justify-content: center; align-items: center; line-height: 60px; cursor: pointer;} .head_box .pull-right .sole .p{ font-size: 20px; text-transform: uppercase; color: #333; font-weight: bold; margin-left: 10px;} .head_box .pull-left .logo, .head_box .pull-left .logo1{ height: 70px; width: auto;} .head_box .pull-left{ margin-left: 8%;} .head_box .pull-right .sole .v{ width: 20px; height: 16px; position: relative;} .head_box .pull-right .sole .v i{ display: block; width: 100%; height: 2px; background: #333; position: absolute; left: 0;} .head_box .pull-right .sole .v i:first-child{ top: 0;} .head_box .pull-right .sole .v i:nth-child(2){ top: 50%; margin-top: -1px; transition: all 0.5s; width: 60%;} .head_box .pull-right .sole .v i:nth-child(3){ bottom: 0;} .head_box .pull-right .sole:hover .v i:nth-child(2){ width: 100%;} .hesderupbox{ position: fixed; top: 0; left: 100%; width: 100%; height: 100%; overflow-y: auto; z-index: 100; background: url(../images/b002.jpg) no-repeat center; background-size: cover; transition: all 0.5s;} .hesderupbox2{ left: 0;} /*.hesderupbox .cont{ width: 53%; margin: auto; margin-top: 5%;}*/ .hesderupbox .cont{ width: 60%; margin-top: 5%; margin-left: 16%;} .hesderupbox .cont .sole{ width: 30px; height: 30px; background: url(../images/sole.png) no-repeat center; background-size: 100% auto; cursor: pointer;} .hesderupbox .cont .mker{ display: flex; justify-content: space-between; align-items: flex-end; margin-top: 3%;} .hesderupbox .cont .list .h{ font-size: 20px; color: hsla(0,0%,100%,0.40); font-weight: bold; margin-bottom: 15px;} .hesderupbox .cont .list .p{ font-size: 16px; line-height: 30px; margin-bottom: 10px; color: #fff; font-weight: bold;} .hesderupbox .cont .list .a{ font-size: 16px; line-height: 30px; color: #fff;} .hesderupbox .cont .list .add{ display: flex; margin-top: 25px;} .hesderupbox .cont .list .add a{ width: 24px; height: 24px; margin-right: 20px; position: relative; display: block;} .hesderupbox .cont .list .add a.li1{ background: url(../images/wx.svg) no-repeat center; background-size: auto 20px;} .hesderupbox .cont .list .add a.li2{ background: url(../images/qq2.png) no-repeat center; background-size: auto 25px;} .hesderupbox .cont .list .add a.li3{ background: url(../images/dy.svg) no-repeat center; background-size: auto 20px;} .hesderupbox .cont .list .add a.li4{ background: url(../images/zh.svg) no-repeat center; background-size: auto 20px;} .hesderupbox .cont .list .add a.li5{ background: url(../images/qq3.png) no-repeat center; background-size: auto 20px;} .hesderupbox .cont .list .add a i{ display: none; width: 100px; position: absolute; bottom: 30px; left: 50%; margin-left: -50px;} .hesderupbox .cont .list .add a:hover i{ display: block;} .hesderupbox .cont .nav .li{ display: flex; margin-top: 8vh;} .hesderupbox .cont .nav .li .h{ font-size: 35px; font-weight: bold; line-height: 50px; color: #FFF;} .hesderupbox .cont .nav .li .v{ display: flex; position: relative;} .hesderupbox .cont .nav .li .p{ font-size: 24px; margin-left: 10px; color: #fff; font-weight: bold; line-height: 24px; text-transform: uppercase;} .home_box1 .box_imgs.active{ z-index: 5;} .indexiconver{ transition: all 0.5s; position: fixed; top: 50%; left: -130px; transform: translateY(-50%); z-index: 20; width: 130px; height: 190px; background: rgba(243, 243, 243, 0.50) url(../images/ico_9.png) no-repeat center; background-size: 89px auto; cursor: pointer;} .indexiconver2{ left: 0;} .indexiconver:hover{ width: 160px; background: #ccc url(../images/ico_9.png) no-repeat center; background-size: 89px auto;} .cellheader{ position: fixed; top: 0; left: 0; right: 0; z-index: 50; transition: all 0.5s; height: 60px; display: none;} .cellheader2{ background: rgba(48, 48, 48, 0.82);} .cellheader .cont{ display: flex; justify-content: space-between; align-items: center;} .cellheader .cont .left{ display: flex; align-items: center; padding-left: 17px;} .cellheader .cont .left .m{ width: 25px; height: 15px; margin-right: 17px; position: relative;} .cellheader .cont .left .m i{ display: block; position: absolute; left: 0; width: 100%; height: 1px; background: #fff;} .cellheader .cont .left .m i:first-child{ top: 0;} .cellheader .cont .left .m i:nth-child(2){ top: 50%; margin-top: -0.5px;} .cellheader .cont .left .m i:nth-child(3){ bottom: 0;} .cellheader .cont .left .logo img{ display: block; height: 35px;} .cellheader .cont .tel{ width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; /*background: url(../images/tels.gif) no-repeat center; background-size: 35px auto;*/} .cellheader .cont .tel img{ display: block; width: 35px;} .cellistup{ position: fixed; top: 0; right: -100%; transition: all 0.5s; z-index: 55; background: #303030; width: 100%; height: 100%;} .cellistup2{ right: 0;} .cellistup .cont{ padding: 17px 5%; display: flex; justify-content: space-between;} .cellistup .cont .nav .li{ margin-bottom: 5px; line-height: 30px;} .cellistup .cont .nav .li a{ display: flex; align-items: center;} .cellistup .cont .nav .li a .p, .cellistup .cont .nav .li .v{ font-size: 15px; color: #fff;} .cellistup .cont .nav .li .v{ display: none;} .cellistup .cont .nav .li.on .v{ display: block;} .cellistup .cont .nav .li.on .p{ display: none;} .cellistup .cont .nav .li i{ display: block; width: 0; height: 1px; background: #fff; margin-right: 0; transition: all 0.5s;} .cellistup .cont .nav .li.on i{ width: 35px; margin-right: 10px;} .cellistup .cont .sole{ width: 68px;} .cellistup .cont .sole .m{ border-bottom: 1px solid #fff; padding-bottom: 17px;} .cellistup .cont .sole .m img{ display: block; width: 45px; margin: auto;} .cellistup .cont .sole .k{ width: 100%; height: 70px; position: relative;} .cellistup .cont .sole .k i{ display: block; width: 56px; height: 1px; background: #fff; position: absolute; left: 50%; top: 50%; margin: -0.5px 0 0 -28px; opacity: .6;} .cellistup .cont .sole .k i:first-child{ transform: rotate(35deg);} .cellistup .cont .sole .k i:nth-child(2){ transform: rotate(-35deg);} .aboutbanners{ width: 80%; margin: auto; padding-bottom: 60px;} /*.aboutbanners .bd{ display: flex; justify-content: center; align-items: center;}*/ .aboutbanners .bd a{ width: 90%; overflow: hidden; margin: auto; display: block;} .aboutbanners .bd a img{ display: block; width: 100%; transition: all 0.5s;} .aboutbanners .bd a:hover img{ transform: scale(1.05);} .aboutbanners .hd li{ width: 10px; height: 10px; border-radius: 100%; background: #666; margin: 0 4px; cursor: pointer;} .aboutbanners .hd ul{ display: flex; justify-content: center; margin-top: 40px;} .aboutbanners .hd li.on{ background: #C52D30;} .aboutbanners li{ width: calc(100% / 6);} .aboutbanners .bd .prev, .aboutbanners .bd .next{ display: none; width: 40px; height: 20px; background: url(../images/ab2.png) no-repeat center; background-size: 100% auto; position: absolute; top: 50%; left: -60px; transform: translateY(-50%);} .aboutbanners .bd .next{ left: auto; right: -60px;} .aboutbanners .bd .prev{ transform: translateY(-50%) rotate(180deg);} .aboutbanners .bd{ position: relative;} .head_box.active{ background: hsla(0,0%,0%,0.00);} @media (max-width: 750px){ .head_box, .indexiconver{ display: none;} .cellheader{ display: block;} .aboutbanners{ width: 60%;} .aboutbanners .hd{ display: none;} .aboutbanners{ width: 22vh;} .aboutbanners .bd ul li{ width: 22vh;} .banner_video video{ display: none;} .aboutbanners .bd .prev, .aboutbanners .bd .next{ display: block;} } @media screen and (max-height:880px){ } @media screen and (max-height:740px){ } @media screen and (max-width:1660px){ .head_box .pull-right{ width: 45%;} } @media screen and (max-width:1440px){ .head_box .pull-right .head_menu ul li a{ margin-left: 45px;} /*.head_box .pull-right .head_link a{ margin-left: 20px;}*/ .home_box1 .box_imgs .prev{ left: -65px;} .home_box1 .box_imgs .next{ right: -65px;} .home_box1 .box_imgs .bd ul li .pull-left .box1 p{ padding: 30px 0;} .home_box4 .top_box span{ margin-top: 30px; font-size: 18px;} .home_box4 .top_box p{ font-size: 36px;} .home_box6,.home_box7{ height: 100vh;} .home_box7 .pull-left .box_info::after{ background-position: center;} .home_box7 .pull-left .box_info{ padding: 150px 80px 80px;} .home_box7 .pull-left .box_info .box1{ padding: 8px 60px 13px 80px;} .about_box3 .pull-left{ padding: 4% 0 0 1.5%;} .about_box4 .top_box .swiper-pagination{ width: 80%;} .about_box5 .box2{ top:70%;} .about_box1 .box3 span{ font-size: 40px;} .about_box1 .box3{ padding: 25px 35px;} } @media screen and (max-width:1366px){ .head_box .pull-right .head_menu ul li a{ margin-left: 35px;} .head_box .pull-right{ margin-top: 0; display: flex; align-items: center; border: 1px solid rgba(255,255,255,0.1); border-top: none; width: 37%;} .head_box .pull-right .tel{ width: 45%; font-size: 20px; color: #fff; line-height: 60px; text-align: center; font-weight: bold;} .head_box .pull-right .head_link a{ display: block; /*width: 110px;*/ width: 50%; height: 60px; border-left: 1px solid rgba(255,255,255,0.1); margin: 0; border-radius: unset;} .head_box .pull-right .sole{ width: 25%; height: 60px; background: #fff; display: flex; justify-content: center; align-items: center; line-height: 60px; cursor: pointer;} .head_box .pull-right .head_link a img{ top: 60px;} } @media screen and (max-width:1200px){ .w1200{ width:94% !important;} } @media screen and (max-width:1024px){ } @media screen and (max-width:768px){ .w90{ width: 94%;} .head_btn{ display: block;} .fanye{ padding: 20px 0 0;} .fanye ul li a{ padding: 0 8px;} .fanye ul li{ line-height: 25px; margin: 3px 0;} .fanye ul li .text,.fanye ul li #btn-page{ width: 45px;} .head_box{ padding: 15px 0;} .head_box .pull-left .phone,.head_box .pull-right .head_link{ display: none;} .head_box .pull-left .logo{ height: 30px;} .head_box.active{ padding: 15px 0;} .head_box.active .pull-left .logo{ height: 30px;} .head_box.cur{ top: 0; transition: all .6s;} .head_box .pull-right .head_menu{ width: 100%; position: absolute; left: 0; top: 61px; background: rgba(0,0,0,0.5); padding: 10px 0; display: none;} .head_box .pull-right .head_menu ul li{ width: 100%;} .head_box .pull-right .head_menu ul li a{ width: 100%; margin: auto;} .home_box2{ padding: 25px 0;} .home_box2 .pull-right{ width: 100%; padding: 15px 45px;} .home_box2 .pull-right .box1{ left: 12px; top: 15px; width: 18px; font-size: 18px;} .home_box2 .pull-right .box3{ right: 12px; top: 15px; width: 25px;} .home_box2 .pull-right .box2 p{ margin-top: 10px; line-height: 24px;} .all_btns a{ margin-top: 15px; font-size: 14px;} .all_btns a.button{ min-width: 120px;} .home_box1 .box_imgs.active{ height: 55vh;} .home_box1 .box_imgs .bd ul li .pull-right{ display: none;} .home_box1 .box_imgs .bd ul li .pull-left{ width: 100%; margin: 0; text-align: center;} .home_box1 .box_imgs .bd ul li .pull-left .box1 strong{ font-size: 20px;} .home_box1 .box_imgs .bd ul li .pull-left .box1 p{ padding: 15px 0; font-size: 12px;} .home_box1 .box_imgs .bd ul li .pull-left .box2 div{ width: 33.33%; margin: auto;} .home_box1 .box_imgs .bd ul li .pull-left .box2 div span{ font-size: 24px;} .home_box1 .box_imgs .bd ul li .pull-left .all_btns a{ margin: 20px auto 0; float: none;} .home_box1 .box_imgs .icos i{ width: 30px; height: 30px;} .home_box1 .box_imgs .prev{ left: 5px;} .home_box1 .box_imgs .next{ right: 5px;} .home_box1 .box_imgs.active .prev,.home_box1 .box_imgs.active .next{ width: 30px; height: 30px; margin-top: -15px;} .home_box3{ height: auto;} .home_box3 .pull-left{ width: 100%; height: 60vh;} .home_box3 .pull-left .box1 div{ font-size: 13px;} .home_box3 .pull-left .box1 div.clr1 span{ left: 10%; top: 10%;} .home_box3 .pull-left .box1 div.clr2 span{ right: 10%; top: 10%;} .home_box3 .pull-left .box1 div.clr3 span{ left: 10%; bottom: 10%;} .home_box3 .pull-left .box1 div.clr4 span{ right: 10%; bottom: 10%;} .home_box3 .pull-left .box2 .bd{ width: 90%; height: 40vh; left: 5%; margin: -20vh 0 0 0;} .home_box3 .pull-left .box2 .bd ul li .top_box strong{ font-size: 30px;} .home_box3 .pull-left .box2 .bd ul li .top_box span{ font-size: 20px; margin-top: 10px;} .home_box3 .pull-left .box2 .bd ul li .lower_box span{ font-size: 15px; margin-top: 15px; padding: 15px 0 5px;} .home_box3 .pull-left .box2 .bd ul li .lower_box p{ font-size: 12px; line-height: 20px; height: 40px;} .home_box3 .pull-left .box2 .hd{ width: 100%; height: 30px; top: auto; right: auto; left: 0; bottom: -40px; text-align: center; background: none;} .home_box3 .pull-left .box2 .hd ul{ width: auto; float: none; display: inline-block;} .home_box3 .pull-left .box2 .hd ul li{ margin: 5px;} .home_box3 .pull-left .box2 .hd ul li.on{ margin: 0 5px;} .home_box3 .pull-right{ width: 100%; height: auto; padding: 5%;} .home_box3 .pull-right span{ font-size: 24px; padding: 30px 0 5px;} .home_box3 .pull-right p{ line-height: 24px; font-size: 14px;} .home_box4{ height: auto;} .home_box4 .top_box{ position: relative;} .home_box4 .top_box span{ font-size: 14px; margin-top: 20px; padding-bottom: 20px; background-size: auto 18px;} .home_box4 .top_box p{ font-size: 20px;} .home_box4 .lower_box{ position: relative; height: auto; margin-top: 15px;} .home_box4 .lower_box .pull-left{ display: none;} .home_box4 .lower_box .pull-right{ width: 100%; height: 280px;} .home_box4 .lower_box .center-block{ width: 100%; height: 280px; float: left; position: relative; left:0; background: #2f2f2f;} .home_box4 .center-block .fr{ padding: 0 20px;} .home_box4 .center-block .fr .box3 p{ margin-top: 10px;} .home_box4 .center-block .fr.active{ top:-25px;} .home_box4 .center-block .fl{ width: 100%; height: 23px; left: 0; top: auto; bottom: 20px;} .home_box4 .center-block .fl .box2{ display: none;} .home_box4 .center-block .fl .box1{ width: 100%; margin-left: 20px;} .home_box4 .center-block .fl .box1::after{ display: none;} .home_box4 .center-block .fl .box1 .swiper-pagination span{ margin: 4px;} .home_box4 .center-block .fl .box1 .swiper-pagination span.swiper-pagination-bullet-active{ width: 19px; height: 19px; line-height: 19px; margin: 0 4px;} .home_box5{ padding: 20px 0;} .home_box5 .pull-right{ width: 100%; padding: 0;} .home_box5 .pull-right .box1 span{ font-size: 24px;} .home_box5 .pull-right .box1 p{ line-height: 24px; margin-top: 5px; font-size: 14px;} .home_box5 .pull-right .all_btns{ display: block; top: 30%;} .home_box5 .pull-left{ width: 100%;} .home_box5 .pull-left .bd ul li{ width: 100%;} .home_box5 .pull-left .bd ul li a{ background: none; padding: 20px 0 0;} .home_box5 .pull-left .bd ul li a p{ margin-top: 5px;} .home_box6{ height: auto;} .home_box6 .pull-left{ width: 100%;} .home_box6 .pull-left .bg{ top:220%;} .home_box6 .pull-left .box1{ padding: 5% 3%;} .home_box6 .pull-left .box1 span{ font-size: 24px; padding-bottom: 5px;} .home_box6 .pull-left .box1 p{ font-size: 14px; line-height: 24px;} .home_box6 .pull-right{ width: 100%; padding: 25px 3%;} .home_box6 .pull-right::after{ display: none;} .home_box6 .pull-right::before{ display: none;} .home_box6 .pull-right ul li{ width: 33.33%; height: 60px;} .home_box7{ height: auto;} .home_box7 .pull-left,.home_box7 .pull-right{ width: 100%;} .home_box7 .pull-left .box_info{ padding: 80px 3% 20px;} .home_box7 .pull-left .box_info .box1{ width: 100%; padding: 5px 3%; font-size: 14px;} .home_box7 .pull-left .box_info .box1 strong{ font-size: 18px; padding-bottom: 2px;} .home_box7 .pull-left .box_info .box1 .icos{ display: none;} .home_box7 .pull-left .box_info .box2 p{ line-height: 30px; font-size: 20px; background-size: auto 20px; padding-left: 25px;} .home_box7 .pull-left .box_info .box3 strong{ padding: 20px 0 5px;} .home_box7 .pull-left .box_info::after{ display: none;} .home_box7 .pull-right ul li{ width: 100%; padding: 30px 0; font-size: 14px; line-height: 26px;} .home_box7 .pull-right ul li i{ margin-bottom: 15px;} .foot_link{ padding: 60px 0 15px; background-position: center 18px; font-size: 12px;} .foot_box{ padding: 20px 0;} .foot_box .pull-left,.foot_box .pull-right,.foot_box .pull-right .top_box .fl,.foot_box .pull-right .top_box .fr,.foot_box .pull-right .lower_box .fr{ width: 100%; text-align: center;} .foot_box .pull-right .top_box{ padding-bottom: 18px; margin-bottom: 18px;} .foot_box .pull-right .top_box .fr a{ width: 20%; padding: 0;} .foot_box .pull-right .lower_box .fl{ width: 100%; line-height: 24px; font-size: 12px;} .foot_box .pull-right .lower_box .fr a{ float: none; margin: 5px 10px 0; display: inline-block;} .page_banner{ padding-top: 60px; height: auto; padding-bottom: 30px;} .page_banner .box_info{ font-size: 14px;} .page_banner .box_info strong{ padding: 30px 0 12px;} .case_box1{ height: 45px;} .case_box1 a{ width: 20%; float: left; text-align: center; font-size: 12px; margin-right: 0; height: 45px; line-height: 45px;} .case_box2{ margin-top: 15px;} .case_box2 ul li{ width: 50%;} .case_box2 ul li a{ width: 100.5%;} .case_box2 ul li a .box_info{ width: 79%;} .case_box2 ul li a .box_info span{ font-size: 14px; margin-top: 8px;} .case_box2 ul li a .box_info p{ font-size: 12px; padding: 3px 0 0; line-height: 20px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;} .case_box2 ul li a .box_info i{ display: none;} .case_box3{ padding: 20px 0;} .case_box3 .pull-left,.case_box3 .pull-right{ width: 100%;} .case_box3 .pull-left{ text-align: center;} .case_box3 .pull-right{ margin-top: 20px;} .case_box3 .pull-right .box1{ text-align: center;} .case_box3 .pull-right .box1 span{ float: none; display: inline-block; margin: 8px 2px 0; padding-left: 18px;} .case_box3 .pull-right .box2 span{ padding: 18px 0 8px; text-align: center;} .case_box3 .pull-right .all_btns{ text-align: center;} .case_box3 .pull-right .all_btns a{ float: none;} .fenxiang{ padding: 30px 0 0;} .fy_box{ margin-bottom: 10px;} .fy_box a{ width: 50px; height: 46px; line-height: 46px;} .fy_box a.fh{ margin-left: -25px;} .contact_box{ padding: 20px 0;} .contact_box .pull-left,.contact_box .pull-right{ width: 100%;} .contact_box .pull-left span{ font-size: 17px;} .contact_box .pull-left p{ line-height: 20px; margin-top: 5px;} .contact_box .pull-left hr{ margin: 12px 0;} .contact_box .pull-left a{ margin: 15px 20px 0 0;} .contact_box .pull-right{ margin-top: 25px; height: 200px;} .contact_box .pull-left a img{ margin-left: 0; left: 0;} .news_box1{ padding: 20px 0;} .news_box1 .list_box ul li a{ padding: 12px 3%;} .news_box1 .list_box ul li .pull-left{ width: 100%; padding: 0; border:none} .news_box1 .list_box ul li .pull-right{ display: none;} .news_box1 .list_box ul li .pull-left span{ width: 70%; font-size: 18px;} .news_box1 .list_box ul li .pull-left i{ line-height: 25px;} .news_box1 .list_box ul li .pull-left p{ line-height: 20px; margin-top: 6px;} .news_box2 .box1{ padding: 25px 0 15px;} .news_box2 .box1 p{ font-size: 18px;} .news_box2 .box1 span{ margin: 5px 5px 0;} .about_box1{ height: 70vh;} .about_box1 .box3{ width: 94%; left:3%; bottom: 3%; padding: 15px;} .about_box1 .box3 span{ font-size: 22px;} .about_box1 .box3 p{ font-size: 14px;} .about_box1 .box3 i{ width: 120px; height: 170px; bottom: 70%;} .about_box1 .box3 hr{ margin: 12px 0;} .about_box1 .box2::after{ display: none;} .about_box2 .top_box span{ font-size: 24px;} .about_box2 .top_box span::after{ display: none;} .about_box2 .lower_box .bd ul,.about_box2 .lower_box .bd ul li{ height: 330px;} .about_box2 .lower_box .bd ul li .box_info{ padding: 0 3% 30px; font-size: 12px; line-height: 20px;} .about_box2 .lower_box .hd{ bottom: 18px;} .about_box2 .lower_box .bd ul li h3{ margin-bottom: 18px; padding-bottom: 20px;} .about_box3{ height: auto;} .about_box3 .pull-left{ width: 100%; height: auto; background-size: auto; background-position: top; padding: 20px 20% 20px 25%;} .about_box3 .pull-left span::after{ display: none;} .about_box3 .pull-left::after{ right:5%;} .about_box3 .pull-left::before{ content: ''; width: 45px; height: 80%; background: url(../images/line_11.png) top; background-size: 100% auto; position: absolute; left: 5%; bottom: 0;} .about_box3 .pull-right{ width: 100%; height: 50vh;} .about_box3 .pull-right::after{ background: url(../images/ab3_bg3.png) bottom; background-size: 100% 100%;} .about_box3 .pull-right .bg{ height: 100vh; top: 43%;} .about_box4 .top_box .fl{ font-size: 24px;} .about_box4 .top_box .swiper-pagination{ width: 55%; padding-left: 5%;} .about_box4 .lower_box{ height: auto; padding-bottom: 0;} .about_box4 .lower_box .pull-left{ width: 100%; height: 50vh;} .about_box4 .lower_box .pull-right{ width: 100%; height: 50vh;} .about_box4 .lower_box .pull-right .box2{ display: none;} .about_box4 .lower_box .pull-right .box1{ width: 94%; margin: 0 3%;} .about_box4 .lower_box .pull-right .box1 ul li span{ font-size: 18px;} .about_box4 .lower_box .pull-right .box1 ul li p{ margin-top: 10px;} .about_box5{ padding: 25px 0 20px;} .about_box5 .box1{ font-size: 12px;} .about_box5 .box1 .top_box span{ font-size: 20px; padding-bottom: 20px; margin-bottom: 15px;} .about_box5 .box1 .top_box p{ padding: 0; line-height: 20px;} .about_box5 .box1 .lower_box{ padding: 0 3%; margin-top: 18px;} .about_box5 .box1 .lower_box::after{ height: 2px; top: 35px;} .about_box5 .box1 .lower_box ul li{ width: 25%; float: left; margin: auto; font-size: 12px;} .about_box5 .box1 .lower_box ul li i{ width: 70px; height: 70px; background-size: cover; border-width: 2px;} .about_box5 .box1 .lower_box ul li p{ margin-top: 5px;} .about_box5 .box2{ display: none;} } @media screen and (max-width:480px){ } @media screen and (max-width:350px){ } .Validform_wrong,.Validform_checktip{ display:none !important;} .home_box3 .pull-left, .home_box3 .pull-left .box1{ background: #000;} .case_box2 >div{ background: #000; overflow: hidden;} .about_box3{ background: #000;} #about_box2, .home_box6, .home_box3, .about_box4 .lower_box .pull-left{ background: #000;}